| 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: 18 let
|
|||
0