Menu déroulant CSS

Fermé
reikisaeba - 27 juin 2008 à 12:28
 reikisaeba - 27 juin 2008 à 16:13
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:pointer;
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:pointer;
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/pages/Les_Vestiaires_de_lAlmanarre_United-543693.html">Les Vest</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Les_Bonus-543871.html">Les Bonus</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Section_Videos-554014.html">La
Section Video</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Entrainements-564317.html">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="https://www.hugedomains.com/domain_profile.cfm?d=brazilfutsal&e=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/pages/Les_Vestiaires_de_lAlmanarre_United-543693.html">Les Vestiaires des Boys</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Les_Bonus-543871.html">Les Bonus</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Section_Videos-554014.html">La Section
Video</a> <a class="SousMenu" href="http://almanarre.united.over-blog.com/pages/Entrainements-564317.html">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="https://www.hugedomains.com/domain_profile.cfm?d=brazilfutsal&e=com">Le Futsal au Brésil</a> <a class="SousMenu" href="http://fr.uefa.com/competitions/futsalcup/index.html">Futsal UEFA</a></div>
A voir également:

1 réponse

Ivor Messages postés 136 Date d'inscription mercredi 23 janvier 2008 Statut Membre Dernière intervention 4 décembre 2012 17
27 juin 2008 à 13:33
Salut quelle version de IE utilises-tu ?
0
IE 7 et le FireFox mise à jour
0