ugrás a tartalomhoz

CSS background-image vs. alt

Bageera · 2005. Szep. 20. (K), 11.07
Hello,

keszitettem egy menu-t CSS segitsegevel, megpedig ugy, hogy a linkek helyere CSS-el background image-et tettem.

<a href="/oldal2.html" id="oldal2">


illetve a CSS fajlban:

#oldal2       { display:block; background-image:url(kep.png); width:140px; height:23px }
#oldal2:hover { background-image:url(kep2.png); }


Nagyon szepen mukodik, csak ha szoveges bongeszoben nyitom meg az oldalt, nem latszanak a linkjeim. 'Alt text'-et se linknek, se CSS-ben nem lehet rakni.

Azert valasztottam ezt a megoldast, hogy ha valtoztatni kell a menuben, ne kelljen mind a 10 oldalt kulon szerkeszteni.

Van esetleg mas otlet? (php include-on kivul)
Kosz elore!
Udv.
Bagi
 
1

Szövegesen is add meg

Török Gábor · 2005. Szep. 20. (K), 11.22
Az egyes képelemek szövegét add meg szövegesen is, majd CSS-sel rejtsd el. Így grafikus (CSS-képes) böngészővel nem látszik majd a szöveg, szövegessel viszont igen.

<a href="/oldal2.html" id="oldal2"><span>Menüpont 2</span></a>

#oldal2 span { display: none; }
Továbbá használhatod a TITLE attributumot is.
2

Kosz szepen

Bageera · 2005. Szep. 20. (K), 11.38
Epp ebben a percben bukkantam en is ra egy errol szolo weboldalra. Ugyanezt ajanlottak.

http://www.stopdesign.com/articles/replace_text/

Kosz.
3

display:none felolvasóknak láthatatlan

Jano · 2005. Szep. 20. (K), 15.43
Vigyázz mert a display:none-os megoldás a felolvasó programoknak lesz láthatatlan! Írtam anno egy részletes cikket ilyen témában: szöveges link képre cserélése (Index főmenü)
4

megoldás

Darkfish · 2005. Szep. 21. (Sze), 09.21
Nézd meg www.gastroyal.hu-t.