28173 sujets

CSS et mise en forme, CSS3

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 Smiley eek ...

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)
Moi à ta place je mettrais un z-index très élevé sur l'infobulle (genre 100) quand on passe sur l'élément que tu veux documenter, et tu le met à 0 après.