28173 sujets
CSS et mise en forme, CSS3
Mouhahahahaha... elle est bien dit celle-là
+1
Mon menu
Ma liste déroulante:
PS: Pardonnez mon indentation douteuse... ça vient d'une apli .NET
+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;
}
Bonjour,
Tu n'es pas le premier à qui s'est arrivé et certainement pas le dernier.
Des solutions sont proposées dans ce sujet : Placer un élément au dessus d'un select sous IE6
A toi de les adapter à ton cas.
Modifié par Shunkin (12 Jul 2007 - 15:46)
Tu n'es pas le premier à qui s'est arrivé et certainement pas le dernier.
Des solutions sont proposées dans ce sujet : Placer un élément au dessus d'un select sous IE6
A toi de les adapter à ton cas.
Modifié par Shunkin (12 Jul 2007 - 15:46)