Bonjour tout le monde,
j'ai un souci concernant un menu vericale avec un background se composant des boutons normaux et sur la droite des boutons pour le hover (en couleur).
Le problème vient du fait que pour le hover je n'ai qu'a faire un backgroud-position différent afin qu'on voit le bon bouton en couleur (comme sur www.alsacreations.com) mais si il n'y a aucun problème sur mozilla le "backround position" donne quelque chose de tout à fait différent sur internet explorer. Alors je sais que mozilla et ie ne calcule pas les pixels de la même manière à partir d'un certain nombre de pixels puisque ie voit la largeur à la hauteur comme min-width ou min-height mais dans le cas présent le décallage est plus grand que 10 pixels.
Merci d'avance
j'ai un souci concernant un menu vericale avec un background se composant des boutons normaux et sur la droite des boutons pour le hover (en couleur).
Le problème vient du fait que pour le hover je n'ai qu'a faire un backgroud-position différent afin qu'on voit le bon bouton en couleur (comme sur www.alsacreations.com) mais si il n'y a aucun problème sur mozilla le "backround position" donne quelque chose de tout à fait différent sur internet explorer. Alors je sais que mozilla et ie ne calcule pas les pixels de la même manière à partir d'un certain nombre de pixels puisque ie voit la largeur à la hauteur comme min-width ou min-height mais dans le cas présent le décallage est plus grand que 10 pixels.
#corps #conteneur #menu {
margin: 0%;
padding: 0%;
float: left;
width: 19.89%;
height: 350px;
line-height: 0.1px;
text-align: right;
}
#menu ul {
margin: 0;
padding: 0;
float: right;
width: 150px;
height: 350px;
background-image: url(../images/menu_entier_normal.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px;
}
#corps #conteneur #menu li {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: 50px;
}
#corps #conteneur #menu li a {
display: block;
margin: 0;
padding: 0;
height: 49.3px;
line-height: 49.3px;
width: 150px;
font-size: 1px;
}
#corps #conteneur #menu li a:hover {
background: url(../images/menu_entier_normal.jpg);
background-repeat: no-repeat;
}
#corps #conteneur #menu #presentation a:hover {
background-position: -150px -0px;
}
#corps #conteneur #menu #prestation a:hover {
background-position: -150px -50px;
}
#corps #conteneur #menu #conseils a:hover {
background-position: -150px -100px;
}
#corps #conteneur #menu #recrutements a:hover {
background-position: -150px -150px;
}
#corps #conteneur #menu #marques a:hover {
background-position: -150px -200px;
}
#corps #conteneur #menu li a span {
position: absolute;
left: -5000px;
font-size: 1px;
}
Merci d'avance