Bonjour à tous alsacreatiens,
ya un truc que je comprends pas avec les listes <ul><li>...
je viens de créer un menu vertical, donc avec les li en display block, j'ai l'impression qu'il y a un empilement par defaut:
que le premier<li> ai un z-index à 0, le second, un z-index à 1, ect...ect...
Je me pose cette question parce, j'ai crée un infobulle à chaque survol de <li>, l'infobulle placé en absolute, passe bien au dessus de son conteneur ( <li>) mais en dessous de tous les autres ...
PS: Ok sous FF, BUG sous IE
IMAGE
http://img267.imageshack.us/img267/1625/amuq4.jpg
HTML (simplifié)
CSS
Si quelqu'un connait le pb, merci d'avance
Modifié par Myfred8 (27 Jul 2007 - 11:44)
ya un truc que je comprends pas avec les listes <ul><li>...
je viens de créer un menu vertical, donc avec les li en display block, j'ai l'impression qu'il y a un empilement par defaut:
que le premier<li> ai un z-index à 0, le second, un z-index à 1, ect...ect...
Je me pose cette question parce, j'ai crée un infobulle à chaque survol de <li>, l'infobulle placé en absolute, passe bien au dessus de son conteneur ( <li>) mais en dessous de tous les autres ...
PS: Ok sous FF, BUG sous IE
IMAGE
http://img267.imageshack.us/img267/1625/amuq4.jpg
HTML (simplifié)
<div id="divadmin">
<ul>
<!-- boucle php -->
<li>test liste
<dl class="menuadmin">
<dt>Actions Disponible</dt>
<dd>
<ul>
<li>modifier</li>
<li>supprimer</li>
</ul>
</dd>
</dl>
</li>
<!-- Fin boucle php -->
</ul>
</div>
CSS
#divadmin { margin-bottom: 10px; width: 160px;}
#divadmin dt{font-weight: bold; text-align: left;}
#divadmin dd{margin-left: 0; margin-top: 5px; text-align: left;}
#divadmin ul{list-style-type: none; position: relative;}
#divadmin li{margin-top: 3px; position: relative;}
.menuadmin {display: none; border:1px solid #000; background-color: #fff; position: absolute; z-index:5; padding:3px; top: 7px; left: 20px;}
Si quelqu'un connait le pb, merci d'avance
Modifié par Myfred8 (27 Jul 2007 - 11:44)