zase to CSS hover menu
10 příspěvků
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
chtěl bych vás poprosit, výjmečně, o žádné adresy, neboť jsem jel podle několika návodů a zdá se že mam všechno správně ale porád to v tom zatracenym IE nefunguje :-((( ... kdybyste byli tak hodní a prohlédli mi to.. moc prosim..: kód: <ul id="menu"> <li><a href="index.php">Homepage</a></li> <li><a href="index.php?page=clenove">Členové</a></li> <li><a href="index.php?page=repertoar">Repertoár</a></li> <li><a href="index.php?page=fotogalerie">Fotogalerie</a> <ul id="fotogalerie"> <li><a href="index.php?page=nahled&oddil=soustredeni">soustředění</a></li> <li><a href="index.php?page=nahled&oddil=koncerty">koncerty</a></li> <li><a href="index.php?page=nahled&oddil=polsko">Polsko</a></li> </ul></li> <li><a href="index.php?page=historie">Historie</a></li> </ul> css: ul a {width: 100%; display: block; font-size: 15px;} ul li {margin: 0px; padding: 0px 0px 1px 0px; list-style-type: none;} ul#menu {float: left; width: 130px; background-image: url("image/pozadi.jpg"); border: 2px solid #000000; padding: 2px 5px 10px 5px; margin: 0px 0px 5px 0px; vertical-align: top;} ul#fotogalerie {position: absolute; left: 120px; top: 313px; width: 100px; padding: 2px 5px 10px 5px; margin: 0px 0px 5px 0px; background-image: url("image/pozadi.jpg"); border: 2px solid #000000; visibility: hidden;} ul#menu li:hover ul {visibility: visible;} ul#menu li{behavior: url(hover.htc);} ul#menu li{behavior: url(hover.htc);} ul#menu li:hover{behavior: url(hover.htc ); } ul#menu li:hover ul{behavior: url(hover.htc ); } li{behavior: url(hover.htc);} li:hover{behavior: url(hover.htc ); }
-
to je jednoduché: IE neumí li:hover. ten umí akorát a:hover. Takže buď JS nebo to předělat na hover a nebo jiný prohlížeč.
-
2MzM: ano, proto je tam ten soubor hover.htc, aby to jelo i v IE.
-
Celý to zavři do divu, kterýmu nastav #div { behavior:url(hover.htc); }
-
aha, a to fak funguje? Clovek se furt uci neco noveho. Jen me tak napada, nemusi byr v url(), neco, co existuje, jinymi slovy, nekde mit ten hover.htc? No, a jestli jsem dobre cetl, tak ul#menu li:hover{behavior: url(hover.htc ); } ul#menu li:hover ul{behavior: url(hover.htc ); } tyto radky jsou na .... a pro fungovani hover efetku je treba psat: ul#menu li:hover ul, ul#menu li.hover ul {visibility: visible;} to .htc, pokud ho tam mas, predepise prave tridu .hover, nikoli pseudoelement :hover.
-
2 Laura: porád to nejde ;-( ani s tim divem.. =/
-
2 MzM: jsi génius =))) už to funguje =) já jsem do toho .htc koukal, a viděl jsem tam jenom classy... ale tomu skriptu nerozumim a hledat v referenci se mi nechtělo. díky moc.
-
hover.htc proste prevadi hover prvku ktery ie nepodporuje na JS MF: IE neumi brat hover.htc z jiny slozky nez te kde je soubor css, na to si dej pozor. polopaticky, vezmi kazdy prvek ktery hoverujes a ktery neni "a" (odkaz) a zkopiruj jeho vlastnosti, vloz ho znovu do css podruhy, jenom misto napriklad li:hover tam dej li.hover (tzn hover s teckou je pro IE), a nezapomen nastavit ve skriptu hover.htc co hoverujes, mozna tam mas neco jinyho nez li. Me to funguje. hodil sem ti to menu na http://skaff.wz.cz/kv tak si to uprav podle sebe. Jednina nevyhoda je ze to v IE je jaksi pomale... jiny menu uz hotovy je tady, bez hover.htc jede i v IE, staci do kodu nahodit JS kterej tam je taky - http://solardreamstudios.com/learn/css/cssmenus/
-
tak pozde :DD
-
Ja tam nemam ten soubor hover.htc :( Nefunguje mi menu. Mam tam <ul><li><a href="....">Domů</a></li></ul> Jenze se mi tam to co mam v tom <a> nezobrazuje :( Pls poradte jak na to. Kdyztak pridam i nastaveni v css.