Autor Zpráva
KOM
Profil *
#1 · Zasláno: 28. 8. 2007, 19:43:06
Odpovědět Citovat
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 *
#2 · Zasláno: 28. 8. 2007, 19:45:01
Odpovědět Citovat
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
#3 · Zasláno: 28. 8. 2007, 19:50:18 · Upravil/a: Sirius
Odpovědět Citovat
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
#4 · Zasláno: 28. 8. 2007, 20:12:57
Odpovědět Citovat
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 *
#5 · Zasláno: 28. 8. 2007, 20:30:11
Odpovědět Citovat
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
#6 · Zasláno: 28. 8. 2007, 20:37:42
Odpovědět Citovat
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 *
#7 · Zasláno: 28. 8. 2007, 20:47:57
Odpovědět Citovat
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 *
#8 · Zasláno: 28. 8. 2007, 20:49:26
Odpovědět Citovat
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
#9 · Zasláno: 28. 8. 2007, 20:55:15
Odpovědět Citovat
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 *
#10 · Zasláno: 28. 8. 2007, 21:03:11
Odpovědět Citovat
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
#11 · Zasláno: 28. 8. 2007, 21:06:38
Odpovědět Citovat
Já myslel odkazy, ne <li>

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

sem to zkusit dopsat :)
KOM
Profil *
#12 · Zasláno: 28. 8. 2007, 21:14:04
Odpovědět Citovat
zkusim, zkusim, ale ted mi prave nejak nejde hosting :-(
Trejpa
Profil
#13 · Zasláno: 28. 8. 2007, 21:56:57
Odpovědět Citovat
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 *
#14 · Zasláno: 29. 8. 2007, 10:42:30
Odpovědět Citovat
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
#15 · Zasláno: 29. 8. 2007, 12:22:12
Odpovědět Citovat
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 *
#16 · Zasláno: 29. 8. 2007, 19:41:53
Odpovědět Citovat
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 *
#17 · Zasláno: 30. 8. 2007, 11:17:31
Odpovědět Citovat
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
#18 · Zasláno: 30. 8. 2007, 11:29:20
Odpovědět Citovat
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.
Časová prodleva: 3 dny
KOM
Profil *
#19 · Zasláno: 2. 9. 2007, 18:32:38
Odpovědět Citovat
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 *
#20 · Zasláno: 2. 9. 2007, 19:15:54
Odpovědět Citovat
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 *
#21 · Zasláno: 2. 9. 2007, 19:28:05
Odpovědět Citovat
Kod od plavačka funguje i na serveru co má gzk , seš na tom líp jak já :-D
KOM
Profil *
#22 · Zasláno: 2. 9. 2007, 19:28:13
Odpovědět Citovat
Asi trosku mimo misu, ale hostuju na www.inethosting.cz
KOM
Profil *
#23 · Zasláno: 2. 9. 2007, 19:30:06
Odpovědět Citovat
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 *
#24 · Zasláno: 2. 9. 2007, 20:04:40
Odpovědět Citovat
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
Časová prodleva: 17 let

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:

0