28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un menu en css qui me cause problème avec une liste déroulante dans Internet explorer.

Comme une image vaut mille mots, voici:
upload/7255-menu.JPG
Est-ce que quelqu'un saurait comment faire pour permettre à la liste déroulante de passer derrière le menu!!! Smiley biggol
Modifié par poussy-puce (12 Jul 2007 - 16:10)
bonjour,

un bout de code ou page en ligne vaut mille images Smiley cligne
Modifié par ghost (10 Jul 2007 - 20:46)
Mouhahahahaha... elle est bien dit celle-là

+1
Mon menu
<ul id="menu">
<li><a href="#menu1">Oasis</a></li>
<li><a href="#menu2">A. Lassonde</a>
<ul>
<li><a href="../#">Commande Client</a>
<ul>
<li><a href="../Clients/Commandes/rechercher_gv.aspx">Recherche</a></li>
</ul>
</li>
<li><a href="../#">Produit</a>
<ul>
<li><a href="../#">Liste de prix</a></li>
<li><a href="../#">Liste Prix SKU</a></li>
<li><a href="../#">Prix Histo</a></li>
<li><a href="../#">Rech Prix SKU</a></li>
<li><a href="../Tools/test.aspx">Formats</a></li>
<li><a href="../#">Formes</a></li>
<li><a href="../#">Feuille Bleue</a></li>
<li><a href="../#">Généalogie</a></li>
<li><a href="../#">Rupture BO</a></li>
<li><a href="../#">Spec Liste</a></li>
</ul>
</li>
<li><a href="../#">Sys. Vente-BPCS</a>
<ul>
<li><a href="../Vente/DirCompte.aspx">Directeur Compte</a></li>
</ul>
</li>
</ul>
</li>
</ul>


Ma liste déroulante:
<select name="ctl00$ContentPlaceHolder1$ddlTypeDocument" id="ctl00_ContentPlaceHolder1_ddlTypeDocument">
				<option selected="selected" value="0"></option>
				<option value="150">Certificat Kosher</option>
				<option value="152">Specification du fournisseur</option>
				<option value="153">Spécification Lassonde</option>
				<option value="154">Devis</option>

				<option value="155">Certificat d'analyse</option>
				<option value="156">Fiche Allergène</option>
				<option value="157">Fiche Nutritive</option>
				<option value="158">Fiche OGM</option>
				<option value="165">MSDS</option>
				<option value="166">Communication</option>

			</select>


PS: Pardonnez mon indentation douteuse... ça vient d'une apli .NET
Voici pour mon css...

/* CSS du menu horizontal */
.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:141px;
    margin:0;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:143px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:143px;
    height:auto;
   /* display:inline;*/
    display/**/:block;
    float:none;
    float/**/:left;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* Corriger bug IE */
 html .menu li li{
    display:inline;
    }

.menu a
{
    font-size : 10pt;
    font-weight : bold;
    color: Black;
    text-align:center;
    background-image : url("images/Inactif.gif");
    background-repeat : no-repeat;
    border: none;
    display:block;
    width:141px;
    height : 21px;
    text-decoration:none;
    padding: 1px 0;
    margin:0px;
    }
    
.menu a:hover{
    background-image : url("images/Actif.gif");
    color: White;
    }
.menu a:visited{
    color: Black;
    }
.menu a:visited:hover{
    color: White;
    }
Y'a qu'à moi que c'est arrivé??? Smiley biggol Smiley bawling
Menu en css et liste déroulante... il me semble que ces trucs sont plutôt répandu!!!