| Autor | Zpráva | ||
|---|---|---|---|
| manny Profil * |
#1 · Zasláno: 5. 6. 2010, 09:29:41
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 |
#2 · Zasláno: 5. 6. 2010, 10:04:39
alt validní musí být. Pokud není, je chyba jinde.
|
||
| Railbot Profil |
#3 · Zasláno: 5. 6. 2010, 10:26:10
sarojan:
„alt validní musí být“ V odkazu určitě ne. |
||
| Miloš Profil |
#4 · Zasláno: 5. 6. 2010, 10:48:16
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 |
#5 · Zasláno: 5. 6. 2010, 10:52:03 · Upravil/a: Bubák
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 * |
#6 · Zasláno: 5. 6. 2010, 11:05:56
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 |
#7 · Zasláno: 5. 6. 2010, 17:15:04
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 |
#8 · Zasláno: 5. 6. 2010, 17:58:28
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 |
#9 · Zasláno: 5. 6. 2010, 19:38:49
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 * |
#10 · Zasláno: 6. 6. 2010, 08:36:24
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 |
#11 · Zasláno: 6. 6. 2010, 11:43:29
Myslíš, že pokaždé, když použiješ nevalidní konstrukci, zabije Bůh koťátko?
|
||
| manny Profil * |
#12 · Zasláno: 6. 6. 2010, 18:08:44
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. |
||
|
Časová prodleva: 14 let
|
|||
0