Autor Zpráva
Radek Zahorský
Profil *
Ahoj, mám menší problém, který však nastává jen v IE. Jinde to nedělá.
K věci, mám takovéto menu:


<body>
<div id="logo_down">
<div id="menu">
<div class="ullevel1">
<div class="lilevel1"><a href="pokus3.htm">neco</a>
<div class="ullevel2">
<div class="lilevel2"><a href="pokus3.htm">level2.1</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="pokus3.htm">neco2.1.1</a></li>
<li class="lilevel3"><a href="pokus3.htm">neco2.1.2</a></li>
</ul>
</div>
<div class="lilevel2"><a href="pokus3.htm">level2.2</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="pokus3.htm">neco2.2.1</a></li>
<li class="lilevel3"><a href="pokus3.htm">neco2.2.2</a></li>
</ul>
</div>
</div>
</div>
<div class="lilevel1"><a href="pokus3.htm">neco</a></div>
</div>
</div>
</div>
</body>

Stane se to, že když kliknu v tomto menu v IE na nějakou položku, tak se občas
nenačte grafika, která je pro tu onu položku nadefinovaná.
Nevím čím by to mohlo být, už jsem něco zkoušel, ale vžd bez úspěchu. Nepadá někoho čím by to mohlo být?
Předem děkuji za jakýkoliv nápad.
tiso
Profil
Čo Ťa núti používať takéto konštrukcie plné divov?
Radek Zahorský
Profil *
Protože když jsem to měl přes seznam, tak mi to připoužití odkazu na podlevel házelo zae bug v IE, který se nedal odladit ani marginem top či bottom.
Však koukni:


<body>
<div id="logo_down">
<div id="menu">
<ul class="ullevel1">
<li class="lilevel1"><a href="">neco</a>
<ul class="ullevel2" >
<li class="lilevel2"><a href="">level2.1</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="">neco2.1.1</a></li>
<li class="lilevel3"><a href="">neco2.1.2</a></li>
</ul>
</li>
<li class="lilevel2"><a href="">level2.2</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="">neco2.2.1</a></li>
<li class="lilevel3"><a href="">neco2.2.2</a></li>
</ul>
</li>
</ul>
</li>
<li class="lilevel1"><a href="">neco</a>
<ul class="ullevel2">
<li class="lilevel2"><a href="">level2.1</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="">neco2.1.1</a></li>
<li class="lilevel3"><a href="">neco2.1.2</a></li>
</ul>
</li>
<li class="lilevel2"><a href="">level2.2</a>
<ul class="ullevel3">
<li class="lilevel3"><a href="">neco2.2.1</a></li>
<li class="lilevel3"><a href="">neco2.2.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
tiso
Profil
Pozerám, pozerám a nič nevidím...

btw. využívaj lepšie kaskádu, nemusíš závať každému ul a li triedy...
Radek Zahorský
Profil *
v IE se zobrazuje mezi level2.1 level 2.2 mezera, kterou způsobuje odkaz na podlevel neco 2.1.1.
lepší kaskádu? asi nechápu? ty třídy jsou zde jen pro ukázku, když to generuju cyklem z db, tak se mi zobrazí pro všechny.
Gappa
Profil
<ul class="ullevel3">

<li class="lilevel3"><a href="pokus3.htm">neco2.1.1</a></li>
<li class="lilevel3"><a href="pokus3.htm">neco2.1.2</a></li>
</ul>


Asi má na mysli toto, je zbytečné používat třídy, když se dá dát <ul> id a pak použít prostě kaskádu :)

tedy:

<ul id="level3">
<li>....</li>
</ul>


v CSS to pak uděláš takle:


ul#level3 {
...
}

ul#level3 li {
...
}


Nevypisuje se zbytečně furt třída u položky seznamu, dokument je tak i velikostně menší a celkově je pak dokument přehlednější. Alespoň podle mě :)
tiso
Profil
Medzera: Stále neviem o akej medzere hovoríš.. Obrázok by nebol?
Kaskáda: viac-menej ako napísal Gappa, ale myslel som vynechať minimálne všetky triedy pre li, prípadne všetky triedy:
#menu ul{}
#menu ul li{}
#menu ul ul{}
#menu ul ul li{}
#menu ul ul ul{}
#menu ul ul ul li{}
Gappa
Profil
Tiso: tak tak, jsem ukázal akorát víc kostrbatějc :-)) Samozřejmě, tak jak si to napsal by to mělo být.

EDIT:
K tomu margin bugu v IE - tuším, že se ho dá zbavit tím, že všechny položky seznamu budou na jednom řádku. Pokuď je to jiný druh chyby - za přepokladu, že odkazy mají nastavenou výšku - nastavit tu výšku přímo <li>, ne <a>, jinak IE při hoveru ubírá a přidává marginy :)
Toto téma je uzamčeno. Odpověď nelze zaslat.