Autor | Zpráva | ||
---|---|---|---|
HGD Profil |
#1 · Zasláno: 7. 2. 2008, 20:33:32
Dobrý večír přeji...
Dávam dohromady horizontální vysouvací menu, ale at dělam co dělam, nemůžu přijít na to, jak rozfungovat v IE. Mam v.6 a snažil sem se tam napasovat hover.htc ale bez úspěchu. Díky moc za každou pomoc CSS .cl{ clear: both; } ul.menu{ margin: -9px -1px 0 -1px; padding: 5px 10px; border: #000 1px solid; border-bottom: none; border-top: none; background: #aaa; } ul.menu li{ list-style-type: none; } ul.menu li.item{ float: left; } ul.menu li.item a{ display: block; padding: 0 5px; font-size: 12px; font-weight: bold; text-decoration: none; color: #333; } .level{ position: absolute; width: 100px; background: #aaa; border: 1px solid; visibility: hidden; } ul.menu li.item ul.level li.item2 a:hover{ color: #333; background: #ccc; } li.item{ behavior: url(hover.htc); } li.item:hover .level, li.itemHover .level{ visibility: visible; } ul.menu li.item a:hover{ color: #555; } MENU <ul class="menu"> <li class="item"><a href="index.php?admin=home">Index</a></li> <li class="item"><a href="index.php?admin=person">Personalizace</a></li> <li class="item"><a href="index.php?admin=clanky">Článek</a></li> <li class="item"><a href="">Komponenty</a> <ul class="level"> <li class="item2"><a href="">oděvy</a></li> <li class="item2"><a href="">pletené</a></li> <li class="item2"><a href="">tkané</a></li> </ul> </li> <li class="item"><a href="index.php?admin=menu">Menu</a></li> <li class="item"><a href="index.php?admin=setings">Nastavení</a></li> <li class="item"><a href="index.php?admin=editU&editU='.$_SESSION['UserId'].'">Osobní nastavení</a></li> <li class="item"><a href="index.php?admin=logout">Odhlásit</a></li> <li class="cl"></li> </ul> |
||
KGW Profil |
#2 · Zasláno: 7. 2. 2008, 21:49:38
já používám tohle - css pro IE6
body { behavior: url(/csshover2.htc); } |
||
Gero Profil |
#3 · Zasláno: 7. 2. 2008, 22:16:39
Nevidím důvod, proč by to v IE nemělo fungovat, žádná chyba tam není. Pokud máš hover.htc ve stejném adresáři jako html soubor, je vše OK. Ještě by mohlo být vypnuté skriptování v IE. Zkoušel jsem celý příklad a vše je OK.
|
||
Gappa Profil |
#4 · Zasláno: 8. 2. 2008, 13:02:19
Většinou je problém se špatnou cestou - pokud linkuješ .htc soubor z externího CSS souboru, pak se nebere cesta relativně od umístění CSS souboru, ale od stránky, na které právě jseš.
|
||
HGD Profil |
#5 · Zasláno: 8. 2. 2008, 14:13:31
jj, tak tam byla chyba v tom linku k souboru *.htc
Ještě bych se chtěl zeptat, abych nemusel zakládat new vlákno, v tom ul cass="level" tak jak sou tam jednotlivý LI, tak v IE sou mezi nima hrozný mezery, a ničim mi to nešlo "zničit", jestli byste někdo nevěděl jak na to ;) Díky moc |
||
Gappa Profil |
#6 · Zasláno: 8. 2. 2008, 14:26:46
v IE sou mezi nima hrozný mezery
Zkus jim nastavit šířku, výšku, nebo nějak jinak zapnout hasLayout - praktické je to třeba pomocí zoom: ul.level li { zoom: 1; } Je to ovšem nevalidní zápis, ale ostatní prohlížeče bez problémů ignorují. Případně přesunout do CSS jen pro IE. |
||
HGD Profil |
#7 · Zasláno: 8. 2. 2008, 18:38:35
tak sem našel skript, kde to menu běhá peckově ve všech prohlížečích, teda ve 3 na kterejch testuju, a to nepotřebuje soubor hover.htc, ale je tam jiný zádrhel, v hlavičce, musí bejt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> vadí tam to tučné nějak, nebo je to fuk ? |
||
Skratch Profil |
#8 · Zasláno: 9. 2. 2008, 09:55:37
ani jedno, je to lepší
|
||
HGD Profil |
#9 · Zasláno: 9. 2. 2008, 10:18:18
a co je na tom lepší oproti tomu, když tam dam jenom:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||
Časová prodleva: 1 měsíc
|
|||
Měsíček Profil |
#10 · Zasláno: 19. 3. 2008, 15:10:31
Pokud uvedeš adresu tak uvedeš prohlížeče do standartního režimu, když ji dáš pryč (tvůj poslední příspěvek) tak prohlížeče uvedeš do takzvaného Quirkového režimu => pak se může něco zobrazovat jinak, protože při quirku se snaží být co nejvíce kompatibilní se staršími verzemi.
Ani jeden doctyp není lepší/horší záleží na tobě co chceš. |
||
Bubák Profil |
#11 · Zasláno: 19. 3. 2008, 15:57:01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Kde jsi to vzal, co to je? Použij třeba tohle: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Nebo tohle <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Jsou i další možnosti. DTD přepíná režim prohlížečů, viz třeba http://css.interval.cz/clanky/pracovni-rezimy-prohlizecu/ Ve strict "verzi" nemáš k dispozici obsolete tagy a atributy, můžeš narazit při validaci. |
||
Časová prodleva: 16 let
|
0