Bonjour,
voilà j'ai créé un menu déroulant en css, mais n'étant encore pas trop expérimentée en css, je bloque sur un truc! En fait je voudrai que lorsqu'on clique sur une rubrique du menu, que celle-ci soit d'une couleur différente pour montrer dans quelle rubrique on se trouve (couleur identique à celle de la couleur du "survol" du menu (bouton:hover).
Qqu'un pourrait-il m'aider?
Egalement mon menu fonctionne parfaitement sous firefox, mais par contre sous ie non, le menu déroulant reste continuellement affiché sous ie..... si qqu'un a une solution pour ça également, je suis preneuse! lol
Merci d'avance.
Voici mon code :
CSS :.fondmenu {
margin-top: 10px;
background-image : url(images/fond_menu.gif);
background-repeat: no-repeat;
display:none;
display:block;
height:30px;
width:100%;
background-position:center;
vertical-align:text-bottom;
}
.bouton{
height:16px;
color:#000000;
width:157px;
display:block;
border:solid 1px;
margin-right:1px;
text-align:center;
text-decoration:none;
font-family:verdana;
font-weight:bold;
font-size:12px;
overflow:hidden;
background-position:center;
border:#000000;
border:solid 1px;
margin-top:5px;
margin-bottom:5px;
vertical-align:middle;
background-color:#A3B9C2;
filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
}
.bouton:hover {
height:16px;
width:157px;
display:block;
cursor:pointer;
color:#000000;
text-align:center;
text-decoration:none;
font-family:verdana;
font-weight:bold;
font-size:12px;
overflow:visible;
background-color:#FFFFFF;
background-position:center;
vertical-align:middle;
}
a.SousMenu {
display:block;
width:157px;
height:15px;
border:0px;
text-decoration:none;
color:#000000;
font-family: verdana;
font-size:10px;
text-align:center;
background:#83949C;
position:relative;
}
a.SousMenu:hover {
background:#A3B9C2;
position:relative;
}
page html :<table>
<tr class="fondmenu">
<td><div class="bouton">
<div align="center">Références<p>
<a class="SousMenu" href="">Internet</a>
<a class="SousMenu" href="">Billetterie</a>
</div>
</div>
</td>
<div class="bouton">
<div align="center">Savoir Faire<p>
<a class="SousMenu" href="">Notre équipe</a>
<a class="SousMenu" href="">Internet-Télématique</a>
</div>
</div>
etc.......
</tr>