Autor Zpráva
na1k
Profil
Snažím se udělat něco jako rozevírací seznam - seznam položek, na jednu kliknu a rozbalí se další pod-položky. Provedené to mám tak, že u bloku s rozbalenýma položkama mám display:none a kliknutím na nadřazenou se změní na display:block. V IE6 se ale děje to, že pokud nemají bloky nastavené zobrazení na block už při načtení, tak až je chci zobrazit (změnit z none na block), tak se zobrazí ale další položky celý tento blok překrývají. Správně by měly odskočit a udělat místo zobrazenému bloku tak, jak to funguje ve všech ostatních prohlížečích. Není v IE6 nějaká zákeřnost co se tohoto týče? Nevíte co s tím? Zkoušel jsem použít nejdřív UL, potom DIVy a nakonec i tabulky, ale ani jednou to nešlo.
Gappa
Profil
IE6 umí display: none a block bez problémů, spíš bude problém někde jinde, ale takle se špatně radí - nahoď zdroják a pak se možná někdo chytne :)
na1k
Profil
Tady je ukazka kodu - prvni UL je s nadrazenou polozkou a druhy "hide-me-3" je ten co se zobrazuje po rozkliknuti...

<ul class="admin-menu">
<li class="admin-menu-li admin-radek">
<div class="admin-menu-show2">
<img src="/grafika/plus.gif" alt="+" class="vert" onclick="toggle_admin_line(3)" />
</div>
<div class="admin-menu-show"><a href="admin.html?e=menu&amp;akce=vypnout&amp;id=3"><img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" /></a>
</div>
<div class="admin-menu-div">
<img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" />Download
</div>
<a class="tucne" href="?akce=edit&amp;id=3">Upravit</a>
<a class="tucne" href="?akce=smazat&amp;id=3">Smazat</a>
</li>
</ul>
<ul id="hide-me-3" style="display:none">
<li class="admin-menu-li">
<a href="?akce=pridat&amp;parent=3" class="tucne" style="margin-left:30px;">Přidat položku</a>
</li>
<li class="admin-menu-li">
<div class="admin-menu-show2"></div>
<div class="admin-menu-show">
<a href="?akce=vypnout&amp;id=59">
<img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" />
</a>
</div>
<div class="admin-menu-div">
<img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" /> AB Cryptobox
</div>
<a class="tucne" href="?akce=edit&amp;id=59">Upravit</a>
<a class="tucne" href="?akce=smazat&amp;id=59">Smazat</a>
</li>
<li class="admin-menu-li">&nbsp;</li>
<li class="admin-menu-li">
<div class="admin-menu-show2"></div>
<div class="admin-menu-show">
<a href="?akce=vypnout&amp;id=60">
<img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" />
</a>
</div>
<div class="admin-menu-div">
<img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" /> AB DSR 3xx
</div>
<a class="tucne" href="?akce=edit&amp;id=60">Upravit</a>
<a class="tucne" href="?akce=smazat&amp;id=60">Smazat</a>
</li>
</ul>


..a tady jsou styly, možná že některé nejsou použité, zkoušel jsem všechno možné...



UL.admin-menu {
margin-left:0px;
width:470px;
}

.admin-menu-li {
float:none;
list-style:none;
height:17px;
}

.admin-menu-li2 {
list-style:none;
}

.admin-menu-li A {
margin-left:10px;
}

.admin-menu-show {
width:50px;
height:20px;
float:left;
text-align:left;
}
.admin-menu-show2 {
width:30px;
height:20px;
float:left;
text-align:left;
}

.admin-menu-tab {
margin-left:65px;
}

.admin-menu-div {
width:100px;
height:20px;
float:left;
}
.admin-menu-div2 {
width:100px;
height:20px;
float:left;
}

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: