Se connecter avec
S'enregistrer | Connectez-vous

probleme de menu deroulant CSS

Dernière réponse : dans Programmation

Bonjour à tous,

j'ai 2 petits soucis avec mon menu déroulant CSS:
- il marche sur FF et pas sur IE..
- il décale la mise en page quand on passe dessus (logiquement il y a une astuce)

Je pense qu'il y a qque chose qui manque

Voici la feuille de style de la partie concernée:

/*-----------------------Menu deroulant--------------------------*/
#container {position:relative!important;}
#couche{position:absolute; z-index:1000 !important;}

.menuIE {
display:none !important;
display:block;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
color:#bbb;
width:206px;
height:20px;
display:inline;
background:#c33;
margin-right:1px;
text-align:left;
float:left;
text-decoration:none;
font-family: Comic sans MS;
font-size:13px;
line-height:20px;
overflow:hidden;
}

a.boutonIE:hover {
color:#cc000;
background:#999999;
overflow:visible;}

a.boutonIE:hover table {
display:block;
background:#999999;
border-collapse:collapse;
}

.boutonFF {
color:#fff;
width:206px;
height:20px;
display:inline!important;
display:none;
background:#c33;
margin-right:1px;
text-align:center;
float:left;
text-decoration:none;
font-family: Comic sans MS;
font-size:13px;
line-height:20px;
overflow:hidden;
}

.boutonFF:hover {
height:auto;
cursor:p ointer;
color:#cc000;
background:#999999;
}

a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
display:block!important;
display:block;
width:206px;
height:autopx;
line-height:auto;
text-decoration:none;
color:#000;
font-family: Comic sans MS;
font-size: 9px;
text-align:left;
background:#eee;
padding-left:10px;
border-bottom:1px dashed #bbb;
}

a.SousMenu:hover {
background:#999999;
cursor:p ointer;
color:#cc0000;
border-bottom:1px dashed #bbb

Et le Html:

<div class="menuIE"><a class="boutonIE">Le Site</a>
<table border="0">
<tbody>
<tr>
<td><a class="SousMenu" href="http://almanarre.united.over-blog.com/...">Les Vest</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Les_Bonus-5...">Les Bonus</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Section_Vid...">­;La
Section Video</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Entrainemen...">­Les Entraînements</a></td>
</tr>
</tbody>
</table>
<a class="boutonIE">Liens Futsal</a>
<table border="0">
<tbody>
<tr>
<td><a class="SousMenu" href="http://www.futsal.asso.fr/">Site officiel de Futsal</a> <a class="SousMenu" href="http://www.uncfs83.net/">Site de référence de Futsal</a> <a class="SousMenu" href="http://www.brazilfutsal.com/">Le Futsal au Brésil</a> <a class="SousMenu" href="http://fr.uefa.com/competitions/futsalcup/index.html">Futsal UEFA</a></td>
</tr>
</tbody>
</table>
</div>
<div class="boutonFF">Le Site<br /> <a class="SousMenu" href="http://almanarre.united.over-blog.com/...">Les Vestiaires des Boys</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Les_Bonus-5...">Les Bonus</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Section_Vid...">­;La Section
Video</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Entrainemen...">­Les Entraînements</a></div>
<div class="boutonFF">Liens Futsal<br /> <a class="SousMenu" href="http://www.futsal.asso.fr/">Site officiel de Futsal</a> <a class="SousMenu" href="http://www.uncfs83.net/">Site de référence de Futsal</a> <a class="SousMenu" href="http://www.brazilfutsal.com/">Le Futsal au Brésil</a> <a class="SousMenu" href="http://fr.uefa.com/competitions/futsalcup/index.html">Futsal UEFA</a></div>

Autres pages sur : probleme menu deroulant css

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte