Autor Zpráva
KOM
Profil *
Ahoj.
Muzete mi nekdo zkusit vysvetlit, v cem delam chybu, ze se mi toto menu neroluje v IE6? V IE7 a FF vse funguje presne podle mých prani.
Pri brouzdani po netu jsem napr. na Intervalu.cz narazil na sablony ruznych menu, kde se pro spravne zobrazovani v IE, pouzivaji ruzne soubory *.htc. Nejsem vsak schopen umistit odkaz na tento soubor primo do css ci hlavy dokumentu.

Poradi mi nekdo v cem delam chybu? Nechce se mi uz vytvaret cele nove menu, kdyz ve dvou prohlizecich je vse ok a menu nemaka jen v IE6. I kdyz v asi nejrozsirenejsim prohlizeci :-(
KOM
Profil *
Pardon, tady je jeste kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Menu</title>
<link href="menu.css" rel="stylesheet" type="text/css"/>
</head>

<body>

<div id="menu">
<ul class="makeMenu">
<li class="first"><a href="#">Aktuality</a>
</li>
<li class="first">Historie
<ul class="second">
<li><a href="#">Vznik soutěže</a>
<li><a href="#">13. sezóna (06/07)</a>
<li><a href="#">12. sezóna (06/07)</a>
<li><a href="#">11. sezóna (06/07)</a>
<li><a href="#">10. sezóna (06/07)</a>
<li><a href="#">09. sezóna (06/07)</a>
<li><a href="#">08. sezóna (06/07)</a>
<li><a href="#">07. sezóna (06/07)</a>
<li><a href="#">06. sezóna (06/07)</a>
<li><a href="#">05. sezóna (06/07)</a>
<li><a href="#">04. sezóna (06/07)</a>
<li><a href="#">03. sezóna (06/07)</a>
<li><a href="#">02. sezóna (06/07)</a>
<li><a href="#">01. sezóna (06/07)</a>
</ul>
</li>
<li class="first"><a href="#">Pravidla</a>
</li>
<li class="first">Soutěž
<ul class="second">
<li>Družstva
<ul class="third">
<li><a href="#">Apollo Kaznějov</a>
<li><a href="#">Fintec Team</a>
<li><a href="#">Inelsev</a>
<li><a href="#">Irish Pub</a>
<li><a href="#">Kamaplast</a>
<li><a href="#">Kosmos</a>
<li><a href="#">Krušnohorci</a>
<li><a href="#">Schola Humanitas</a>
<li><a href="#">Torol</a>
</ul>
<li><a href="#">Termínový kalendář</a>
<li>Průběžné výsledky
<ul class="third">
<li><a href="#">01. Září</a>
<li><a href="#">02. Říjen</a>
<li><a href="#">03. Listopad</a>
<li><a href="#">04. Prosinec</a>
<li><a href="#">05. Leden</a>
<li><a href="#">06. Únor</a>
<li><a href="#">07. Březen</a>
<li><a href="#">08. Duben</a>
<li><a href="#">09. Květen</a>
<li><a href="#">10. Květen</a>
</ul>
<li><a href="#">Následující turnaj</a>
<li><a href="#">Celkové pořadí</a>
</ul>
</li>
<li class="first">Síň slávy
<ul class="second">
<li><a href="#">Vítězové V.O.C.A.S.</a>
<li><a href="#">Osobnosti V.O.C.A.S.</a>
<li><a href="#">All Stars V.O.C.A.S.</a>
<li><a href="#">Pořadí medailistů</a>
<li><a href="#">Pořadí týmů</a>
</ul>
</li>
<li class="first">Ostatní turnaje
<ul class="second">
<li><a href="#">Pozvánky</a>
<li><a href="#">Litvínovská smeč</a>
<li><a href="#">Unibal / Bisczechbal</a>
</ul>
</li>
<li class="first"><a href="#">Download</a>
</li>
<li class="first">Fotogalerie
<ul class="second">
<li>Družstva
<ul class="third">
<li><a href="#">Apollo Kaznějov</a>
<li><a href="#">Fintec Team</a>
<li><a href="#">Inelsev</a>
<li><a href="#">Irish Pub</a>
<li><a href="#">Kamaplast</a>
<li><a href="#">Kosmos</a>
<li><a href="#">Krušnohorci</a>
<li><a href="#">Schola Humanitas</a>
<li><a href="#">Torol</a>
</ul>
<li><a href="#">Termínový kalendář</a>
<li>Průběžné výsledky
<ul class="third">
<li><a href="#">01. Září</a>
<li><a href="#">02. Říjen</a>
<li><a href="#">03. Listopad</a>
<li><a href="#">04. Prosinec</a>
<li><a href="#">05. Leden</a>
<li><a href="#">06. Únor</a>
<li><a href="#">07. Březen</a>
<li><a href="#">08. Duben</a>
<li><a href="#">09. Květen</a>
<li><a href="#">10. Květen</a>
</ul>
<li><a href="#">Následující turnaj</a>
<li><a href="#">Celkové pořadí</a>
</ul>
</li>
<li class="first"><a href="#">Diskuse</a>
</li>
<li class="first">Ostatní
<ul class="second">
<li><a href="#">O webu</a>
<li><a href="#">Kontakty</a>
<li><a href="#">Kde nás najdete</a>
<li><a href="#">Doporučit web</a>
<li><a href="#">Odkazy</a>
</ul>
</li>
<li class="end">
</li>
</ul>
</div>
<div class="konec">
</div>

</body>
</html>

a css:

body {
text-align: center;
}

#menu {
width: 980px;
height: 24px;
margin: 0 auto ;
text-align: left;
border-bottom: 3px solid #1088FF;
background-color: Gray;
}

#menu ul, li {margin: 0;padding: 0;}

ul.makeMenu {font-size: 12px; font-family: tahoma;}

ul.makeMenu li {
list-style-type: none;
position: relative;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid white;
}

ul.makeMenu li.first { /** 1.uroven **/
display:block;
color: White;
border-top: 0px;
border-bottom: 3px solid #1088FF;
background-color: Gray;
float: left;
}

ul.makeMenu li.end { /** 1.uroven - ukonceni **/
display:block;
height: 14px;
width: 100px;
border-top: 0px;
border-bottom: 3px solid #1088FF;
background-color: Gray;
float: left;
}

ul.makeMenu li>ul { /** 2.uroven **/
display: none;
position: absolute;
left: 0;
top: 24px;
background-color: Silver;
width: 140px;
}

ul.makeMenu li>ul>li>ul, ul.third { /** 3.uroven **/
position: absolute;
left: 140px;
top: 0px; /** srovnava radky druheho a tretiho menu **/
}

ul.makeMenu li:hover { background-color: Black;color: White;}
ul.makeMenu li:hover>ul { display: block; border-top: 3px solid red;}
ul.makeMenu li:hover>ul.third { display: block; border-top: 0px;}
ul.makeMenu li a { color: black; display: block; width: 100%; text-decoration: none;}
ul.makeMenu li a:hover { color: #000; color:white;}

ul.makeMenu li.first a.first {color:white;}
ul.makeMenu li.first a.first:hover {color: #3366FF;_color:white; }
ul.makeMenu li.first:hover {background-color: black; color: white; border-bottom: 3px solid red;}
ul.makeMenu li.end:hover {background-color: gray; border-bottom: 3px solid #1088FF;}

ul.makeMenu a:visited {color: black;}

.konec {
height: 0px;
font-size: 0px;
clear: both;
}
Sirius
Profil
No tak to asi neporadím, akorát bych řekl že IE6 již dnes není nejrozšířenějším prohlížečem.. Tedy alespoň co se týče návstěvníků mého webu tak FF používá přes 50%, ale IE jen něco okolo 25-30%. Samozřejmě to může být hodně ovlivněno zaměřením webu a návstěvností (i když ta není zrovna špatná.. tak 800+/den) Omlouvám se a vím že sem to nepatří ale musel jsem reagovat :)
Gappa
Profil
Problém bude zcela jistě v tom, že IE6 neumí selektor přímého potomka, kterého ve svém css využíváš (ul.makeMenu li>ul).

Musíš to udělat bez něj - např.:

ul.makeMenu li ul {
...
}

to samozřejmě bude platit i pro další zanořené ul - musíš nechtěné deklarace vynulovat.
KOM
Profil *
Dekuji mooc, takze jestli dobre koukam, tyka se to 4 radku v css. Snad to zvladnu, jsem zacinajici a tapajici amater. Tento kod jsem objevil nabizeny kdesi na netu, sam jsem si tam dal obtekani float: left, ktere se mi zda jednodusi, nez pozicovani left co tam bylo puvodne a vyhazel nejake zdvojene a nefunkcni veci.
Ted holt jdu hledat co tedy s temi selektory :-)

Pokud mi nekdo bude chtit poradit, samozrejme mu branit nebudu :-D
Gappa
Profil
On mi ten kód příde celý nějaký divoký :)


ul.makeMenu li>ul>li>ul, ul.third {
}

třeba v tomto případě zcela zbytečně kaskádujeme po přímých potomcích až ke chtěnému ul, abychom hned za tím použili jednoduše třídy, která je u toho chtěného ul přítomna :-)

ale třeba u druhé úrovně toto chybí a nejspíš proto IE6 selhává.
KOM
Profil *
Udelal jsem nejake zmeny v css, co mi nerozhodily zobrazovani v IE7 a FF. Primy potomky jsou uz snad jen dva u hover akci. Kouknete jak ted menu v IE6 vypada... Ted bych rekl, ze je to spis problem toho leveho obtekani nebo se mylim?
KOM
Profil *
Zde je jeste uprave css:

body {
text-align: center;
}

#menu {
width: 980px;
height: 24px;
margin: 0 auto ;
text-align: left;
border-bottom: 3px solid #1088FF;
background-color: Gray;
}

#menu ul, li {margin: 0;padding: 0;}

ul.makeMenu {font-size: 12px; font-family: tahoma;}

ul.makeMenu li {
list-style-type: none;
position: relative;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid white;
}

ul.makeMenu li.first { /** 1.uroven **/
display:block;
color: White;
border-top: 0px;
border-bottom: 3px solid #1088FF;
background-color: Gray;
float: left;
}

ul.makeMenu li.end { /** 1.uroven - ukonceni **/
display:block;
height: 14px;
width: 100px;
border-top: 0px;
border-bottom: 3px solid #1088FF;
background-color: Gray;
float: left;
}

ul.makeMenu li ul { /** 2.uroven **/
display: none;
position: absolute;
left: 0;
top: 24px;
background-color: Silver;
width: 140px;
}

ul.makeMenu li ul.third { /** 3.uroven **/
position: absolute;
left: 140px;
top: 0px; /** srovnava radky druheho a tretiho menu **/
}

ul.makeMenu li:hover { background-color: Black;color: White;}
ul.makeMenu li:hover>ul { display: block; border-top: 3px solid red;}
ul.makeMenu li:hover>ul.third { display: block; border-top: 0px;}
ul.makeMenu li a { color: black; display: block; width: 100%; text-decoration: none;}
ul.makeMenu li a:hover { color: #000; color:white;}

ul.makeMenu li.first a.first {color:white;}
ul.makeMenu li.first a.first:hover {color: #3366FF;_color:white; }
ul.makeMenu li.first:hover {background-color: black; color: white; border-bottom: 3px solid red;}
ul.makeMenu li.end:hover {background-color: gray; border-bottom: 3px solid #1088FF;}

ul.makeMenu a:visited {color: black;}

.konec {
height: 0px;
font-size: 0px;
clear: both;
}
Gappa
Profil
V rychlosti mě napadá ty odkazy, které mají být v první úrovni floatnout - tj. float: left, ale dneska už mi to fakt nemyslí, takže se případně omlouvám za bludy :-)
KOM
Profil *
to uz jsem prave udelal, to je od zacatku.

ul.makeMenu li.first { /** 1.uroven **/
display:block;
color: White;
border-top: 0px;
border-bottom: 3px solid #1088FF;
background-color: Gray;
float: left;
}
Gappa
Profil
Já myslel odkazy, ne <li>

ul.makeMenu li a { color: black; display: block; width: 100%; text-decoration: none;}

sem to zkusit dopsat :)
KOM
Profil *
zkusim, zkusim, ale ted mi prave nejak nejde hosting :-(
Trejpa
Profil
KOM
Opět stejná chyba. IE6 je nyní dost rozšířené na to, aby ses naň vykašlal. IE6 neumí :hover jinde, než na odkazech. Obsah tvých podnabídek uživatelé IE6 (a nižších) neuvidí. Kvůli tomu se tam dává ten .htc soubor. Ale řešil bych to JavaScriptem (podmíněně pro IE).

body {behavior: url('soubor.htc');}
KOM
Profil *
for Gappa

obtekani odkazu nepomohlo, menu je stale v IE6 rozhazene. Nejaky jiny napad?


for Trejpa

body {behavior: url('soubor.htc');} - toto jsem pridal k sobe do css, sehnal na netu soubor IEmenu.htc (doufam, ze je to nejaky standartni soubor a ne kazdy jiny pro ruzne stranky), nahral do korenoveho adresare na webu a nic... Respektive neco jo, cela stranka se mi pak zacala po umisteni mysi na ní vykreslovat cerne, jako by to byl odkaz v menu, ktery take po prejeti mysi zcerna!


Myslim, ze bych se ted mel odpichnout od toho, ze v IE6 v tomhle pripade nejak zahadne funguje float: left; a pokusit se seradit si nejprve odkazy do jednoho radku, tak jako je tomu v IE7 a FF. Az potom resit pripadne nevyjizdeni menu druhe a treti urovne. U toho umisteni do jednoho radku mne fakt nic nenapada a nechce se mi vracet k tvrdemu pozicovani left!
Diky za kazdou dalsi radu. Css plati ted to posledni co jsem tu zkopiroval pro Gappa a kod je porad stejny.
Plaváček
Profil
KOM

Tady jsem ti to rozchodil: http://klient.plavacek.net/menu.html .

S detaily už si musíš pohrát sám. Kod i s csshover.htc tam máš v ZIPu.
KOM
Profil *
Ahoj, jsem v praci, kolem 22h jsem doma. Dekuji mooc predem, zjistim si co jsi tam zmenil, at vim. Jeste se ozvu, dik.
KOM
Profil *
Cauky, ted jsem zjistil, ze v IE6 se podnabidky menu neoteviraji a v IE7 a FF se zase otevrou obe najednou, tedy menu druhe a treti urovne :-(
Co je zase spatne?!
Plaváček
Profil
KOM

Omlouvám se, ale už nemám dostatek času se v tom celém kódu vrtat. Zkus si dle svého upravit tuto navigaci:

http://sperling.com/examples/menuh/

Ta funguje pěkně všude.
KOM
Profil *
Ahoj, dekuju za rady ,ale uz si pripadam jako blbec.
Na poslednim Plavackovo odkazu je menu, ktere ma fungovat ve vsech prohlizecich. Funguje, ovsem do te doby, dokud si kod, css a hover soubor nestahnu do PC a chci vse pouzit na svoje menu. Potom se v IE6 menu opet nevysouva. Uz fakt nevim co a jak, jde mi z toho vseho hledani po netu hlava kolem. Na zminenem odkazu se do hlavy dokumentu vklada nejaky odkaz pro IE7, ne IE6 - je v tomhle problem?

Muze mi nekdo srozumitelne vysvetlit tento problem? Tedy spise jeho reseni pres behevior a odkaz na .htc soubor. Nejak se absolutne neorientuju. Stacil by i mozna odkaz na nejakou ceskou stranku, ktera se timto problemem konkretne zabyva. Dekuji!
vipouš
Profil *
Kde hostuješ? , ja to na lokale spustim a na serveru www.gzk.cz ani rana , hledam tu chybu už 14 dnů i s jejich adminem a prostě to nefunguje nevim proč a on taky ne
vipouš
Profil *
Kod od plavačka funguje i na serveru co má gzk , seš na tom líp jak já :-D
KOM
Profil *
Asi trosku mimo misu, ale hostuju na www.inethosting.cz
KOM
Profil *
upraveny kod od plavacka funguje, ale oteviraji se obe podmenu spolecne. Jinak ja si myslim, ze zcela urcite nezpusobuje tento problem hosting :D
vipouš
Profil *
no pokud to teda s hostingem nema nic společnýho tak nechapu proč na localhost mě to funguje a na serveru hostingu ne:-D

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: