Bonjour, mon probleme est simple j'utilise la methode du rollhover démontrer sur le site alsacreation. qui montre a utiliser une image au lieu de 2 pour faire un menu animé. Le probleme c'est que sous firefox l'affichage est null sa marche mal , mais sous IE ses no1.
Voici mon lien : http://www.agrobiopole.ca/agrobiopole/test/index.html
Ma feuille css est en construction et sa ressembel a sa:
Merci a l'avance
Voici mon lien : http://www.agrobiopole.ca/agrobiopole/test/index.html
Ma feuille css est en construction et sa ressembel a sa:
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "ARIAL" ;
background: #003a62 ;
}
div#conteneur
{
width: 750px ;
height: 1100px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}
h1#header
{
height: 184px;
margin: 0 auto ;
background: url('banniere.jpg') no-repeat ;
background-position: top ;
}
div#menu
{
height: 30px ;
margin: 0;
padding: 0 ;
background: url('menu.gif') repeat-x 0 0px ;
list-style-type: none
}
div#menu p
{
float: left ;
text-align: center ;
}
div#menu p a
{
width: 187px ;
line-height: 30px ;
font-size: 0.8em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 0px solid #dc931f ;
border-bottom: 1px solid #dc931f ;
}
div#menu p a:hover
{
background: url('menu.gif') repeat-x 0 -30px ;
}Merci a l'avance
