Logó kép helyett szöveggel, CSS alapú oldalra
Halihó!
Egy elvi kérdés következik. Most, hogy a CSS a menü, és mindenki így csinál oldalakat, amiben a dizájn elemek nem képek, hanem backgroundok stb stb stb..
Mi lenne a legjobb megoldás egy fejléc szerű benner-logó számára, amivel ugyebár minden web2-es oldal ilyennek kell, hogy kezdődjön :)
Először is egyértelműen dizájn elemről van szó, úgyhogy a logika azt diktálja, ne legyen kép. Viszont gyakran szeretjük, ha a logóra (fejlécre) kattintva a főoldalra jutunk. Ami viszont azt adja, hogy egy linket kép legyen. Mivel így fontos navigációs elemmé is előlép a cuccos nem lenne elegáns valami onclick-el megkerülni az <A> taget.
A képnek valt ALT-ja, ami szövegesíthetővé teszi egy css megoldással szemben.
Az egyetlen dolog ami zavar, hogy ha css nélkül nézem az oldalt (fogalmam sincs, miért), teljesen szalonképes kivéve azt a fejlécet, ami ott van a tartalom fölött és iszonyú bénán fest a neki szánt környezetből kiragadva.
Persze lehet, hogy ez csak az én hülyeségem...
■ Egy elvi kérdés következik. Most, hogy a CSS a menü, és mindenki így csinál oldalakat, amiben a dizájn elemek nem képek, hanem backgroundok stb stb stb..
Mi lenne a legjobb megoldás egy fejléc szerű benner-logó számára, amivel ugyebár minden web2-es oldal ilyennek kell, hogy kezdődjön :)
Először is egyértelműen dizájn elemről van szó, úgyhogy a logika azt diktálja, ne legyen kép. Viszont gyakran szeretjük, ha a logóra (fejlécre) kattintva a főoldalra jutunk. Ami viszont azt adja, hogy egy linket kép legyen. Mivel így fontos navigációs elemmé is előlép a cuccos nem lenne elegáns valami onclick-el megkerülni az <A> taget.
A képnek valt ALT-ja, ami szövegesíthetővé teszi egy css megoldással szemben.
Az egyetlen dolog ami zavar, hogy ha css nélkül nézem az oldalt (fogalmam sincs, miért), teljesen szalonképes kivéve azt a fejlécet, ami ott van a tartalom fölött és iszonyú bénán fest a neki szánt környezetből kiragadva.
Persze lehet, hogy ez csak az én hülyeségem...
H1 és CSS háttérkép
Köszi
http://www.webaim.org/techniques/css/invisiblecontent
Mindatonáltal a "top: -500px" nagyon barkácsmegoldásnak tűnik nekem ahhoz képest, hogy mennyi ember foglalkozik az "akadálymentesítés" témakörével mostanában.
Nemrég volt szerencsém a docbook szabvánnyal foglalkozni. Szemantikusságnan mérföldekkel a html előtt jár, az egyetlen baj, hogy a screen reader (gondolom) html centrikus.
image replacement
azért van ennél szebb megoldás is. ezen az oldalon nézd meg a gilder/levin módszert.
gex
Betakaró SPAN
Frissítve:Igen, ezt hívják Gilder/Levin módszernek.