| Autor | Zpráva | ||
|---|---|---|---|
| www598 Profil * |
#1 · Zasláno: 10. 6. 2006, 21:46:12
Chtěl bych vytvořit překlápěcí odrážky v menu, ale nějak se mi pořád nedaří je dobře zobrazit jak (IE, Firefox)
Kde dělám chybu, nebo se to takto udělat nedá? Provizorně jsem to vyřešil pomocí DHTML, ale je to dosti obsáhlé a těžkopádné. CSS .menu2 a:visited, .menu2 a:link {list-style-image: url("ctverec2.png"); color: #000000;} .menu2 a:hover, .menu2 a:active {list-style-image: url("ctverec.png"); color: #FF0000; font-weight: bold;} XHTML <div class="menu2"><ul> <li><a href="index.htm">Menu</a></li> <li><a href="foto.htm">Foto</a></li> ... </ul></div> |
||
| Leo Profil |
#2 · Zasláno: 10. 6. 2006, 21:51:53
A co vam to dela za problemy? Leo
|
||
| www598 Profil * |
#3 · Zasláno: 10. 6. 2006, 22:11:38
Problém je v tom, že se nezobrazuje se obrázek, ale pořád tam straší jen ten "puntík".
Když to zjednoduším na , .menu2 a:link {list-style-image: url("ctverec2.png")} tak se tam zobrazí, ale jak to postupně začnu rozšiřovat, tak se obrázek vytratí :-( Pořád to nemohu dát dokupy |
||
| Peca Profil |
#4 · Zasláno: 10. 6. 2006, 22:38:06
list-style-image by se měl nastavovat u tagu <li>, ne u <a>. Nebude chyba v tom?
|
||
| Radek Hrabůvka Profil |
#5 · Zasláno: 10. 6. 2006, 22:42:03 · Upravil/a: Radek Hrabůvka
ale jak to postupně začnu rozšiřovat, tak se obrázek vytratí
Co rozšiřovat? Nehledě na to, že používat "list-style-image" není nejvhodnější, s tím se hodně lidí natrápilo a nakonec skončili u background-image Zplodil jsem ukázku Odrážkové menu s hover efektem pomocí background-image |
||
| ax123 Profil |
#6 · Zasláno: 11. 6. 2006, 14:32:57
tak přesně tuhle ukázku jsem kdysi hledal a nenašel. I zpětně díky
|
||
| www598 Profil * |
#7 · Zasláno: 13. 6. 2006, 20:03:10
toRadek Hrabůvka Díky moc, takhle to bude opravdu lepší *THUMBS UP*
|
||
| Julien Profil * |
#8 · Zasláno: 13. 6. 2006, 20:21:10
a co kdyby misto preloaderu hodil link a hover pod sebe na jeden gif. A pak si je vytahl, aby nedoslo v IE k nacitani obrazku.
|
||
|
Časová prodleva: 19 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0