Autor Zpráva
manny
Profil *
Ahojte,
mám kvůli písmu obrázkové menu (vím, že to není úplně košér) a hover řeším šoupnutím background-position. Text odkazů je vypnutý pomocí display:none.
Problémem je přístupnost. Menu je přístupné s vypnutými styly, ale už ne obrázky. Nevíte někdo, jak na to? (zkoušel jsem alt, ale není v odkazu validní)
sarojan
Profil
alt validní musí být. Pokud není, je chyba jinde.
Railbot
Profil
sarojan:
alt validní musí být
V odkazu určitě ne.
Miloš
Profil
A co má ten alt dělat? Alt je alternativním popisem obrázku a ukáže se tehdy, když není k dispozici obrázek. Patří pouze do tagu img, nikam jinam.

Jestli ti jde o myšo-bublinu, tak to je atribut title.

A jinak k náhradě textu obrázkem: http://wellstyled.com/css-replace-text-by-image.html
Bubák
Profil
Konkrétně pro odkaz nějak takto:
<style>
a {
	text-decoration: none;
	display: block;
	height: 40px;
	width: 120px;
	position: relative;
	font-weight: bold;
}
a span {
	background: url(obrazek.png);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left:0;
}
a:hover span {
	background-position: bottom;
}
</style>
<a href="odkaz.html">Text odkazu<span></span></a>
manny
Profil *
Bubák:
Jo, s tím napozicovaným spanem by to asi šlo. O něčem podobném jsem přemyšlel. Díky, vyzkouším.
sarojan
Profil
Railbot:
V odkazu určitě ne.
Já myslel, že udělal <a href='bla'><img src='bla' alt='bla'></a> a nebylo to validní, tohle <a href='bla' alt='bla bla'></a> by mě ani nenapadlo.
Bubák
Profil
sarojan:
Já myslel, že udělal <a href='bla'><img src='bla' alt='bla'></a>
To by manny nedělal hover šoupnutím background-position, ale šoupal by obrázkem změnou text-indent.
http://diskuse.jakpsatweb.cz/?action=vthread&forum=4&topic=62224
Miloš
Profil
Stránka by měla být maximálně dostupná jak s obrázky, tak bez nich.
Odpoledne jsem si hrál a výsledkem je toto:
komplet stránka s obrázky a styly
se styly, ale bez obrázků
bez stylů (a tím i bezu obrázků, které jsou komplet background-image)

Funguje Opera, IE 8 + kompatibilní režim, Firefox a Chrome.
IE 6 standalone poněkud zběsilý.
manny
Profil *
Myslím, že se to povedlo. Výsledek je na mé stránce s hanbatými komiksy (18+)
A když už je založené toto vlákno měl bych ještě jeden dotaz.
Dělám hover náhledů pomocí opacity. Sice na tom až tolik nezáleží, ale jde toto zapsat v css validně?
Miloš
Profil
Myslíš, že pokaždé, když použiješ nevalidní konstrukci, zabije Bůh koťátko?
manny
Profil *
Miloš:
Myslíš, že pokaždé, když použiješ nevalidní konstrukci, zabije Bůh koťátko?
Ne, to si opravdu nemyslím:-) Nijak na tom nelpím, jen mě to zajímalo. Nijak to řešit nehodlám.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: