Bonjour a la communauté de l'anneau, euhh d'alsacréation 
Petit probleme avec mon menu qui fonctionne sous FF et pas sous IE (sacré nom de ...)
En fait je souhaite que l'image change quand on passe dessus avec la souris.
Voici le code. merci d'avance.
Petit probleme avec mon menu qui fonctionne sous FF et pas sous IE (sacré nom de ...)
En fait je souhaite que l'image change quand on passe dessus avec la souris.
Voici le code. merci d'avance.
<body>
<div class="head1">
<img src="images/fond.png" alt="Station" class="logo">
</div>
<div class="head2">
<ul id="menu">
<li><a href="index.html">Accueil</a></li>
<li><ahref="station.html">Station</a></li>
<li><a href="services.html">Les Services</a></li>
<li><a href="contacts.html">Contacts</a></li>
<li><a href="droits.html">Vos Droits</a></li>
</ul>
</div>body {
margin: 0;
font: 0.8em arial, helvetica, sans-serif ;
background-color:#E2E8EA;
width:1003px;
}
.head1 {
background-color: #E2E8EA;
margin-left: 0px;
height: 90px ;
}
.head2 {
margin-left: 181px;
height: 30px ;
background-color:#E2E8EA;
}
#menu{
height:30px;
list-style-type:none;
position:absolute;
left:209px;
top:90px;
line-height:normal;
width: 750px;
}
#menu li{
float:left;
background:url("../images/norm_right2.gif") no-repeat right top;
margin:0;
padding:0;
margin:0px 2px 0px 1px;
}
#menu li a{
font-size:1.1em;
letter-spacing: 1.3px;
font-weight:bold;
height:30px;
width: 142px;
line-height: 30px;
text-align: center;
float:left;
display:block;
background-repeat:no-repeat;
background:url("../images/norm_left2.gif") no-repeat left top;
text-decoration:none;
color:#FFFFFF;
}
#menu li:hover,#menu li.actif{
background-image:url("../images/norm_right1.gif");
}
#menu li:hover a,#menu li.actif a{
background-image:url("../images/norm_left1.gif");
} 