Menu déroulant css

Signaler
Messages postés
26
Date d'inscription
mardi 17 octobre 2006
Statut
Membre
Dernière intervention
11 juillet 2008
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
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>

   
Références
[ Internet]
[ Billetterie]
   

   

    </td>
   

   
Savoir Faire
[ Notre équipe]
[ Internet-Télématique]
   

   

etc.......
</tr>

1 réponse

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
B
onjour...
...une réponse partielle à été donnée sur ce forum, en as tu tenu compte ou est ce qu'elle ne marche pas ?
;0)