Bon alors moi j'ai ce code tout simple
ul#menu{
margin: 0; padding: 0;
}
#menu li { margin: 0; padding: 0; /* Redondance volontaire non existant réellement*/
list-style-type: none;
}
#menu li a {
margin: 0; padding: 0; /* Redondance volontaire non existant réellement*/
display: block;
text-decoration: none; text-indent: 7px;
}
#menu li a:hover { margin: 0; padding: 0; /* Redondance volontaire non existant réellement*/
background-color: #BACEEB; border-left: 2px solid #4493D2;
}
Rien d'extraordinaire, pas de marge interne ni externe. (redondance faite exprès pour montrer que j'ai testé la modification des marges sur toutes les lignes).
Le "display: block;" sert donc ici a avoir une couleur d'arrière plan au passage de la souris sur toute la ligne et non pas uniquement derriere le texte.
Sous firefox pas de problème, sous Internet explorer si, les fameux espace.
Si tout bêtement je supprime
display: block;
Le problème disparait, mais ma couleur d'arrière plan n'est que sur le texte
Maintenant, je connais la taille de mon texte (par defaut, ou je lui en attribut une).
Alors je défini dans ma feuille de style mon menu comme suis
ul#menu {
margin: 0; padding: 0;
}
#menuli {
list-style-type: none; font-size: 1em;
}
#menu li a {
padding: 0;display: block;height: 1em;
text-decoration: none; text-indent: 7px;
}
#menu li a:hover {
background-color: #BACEEB; border-left: 2px solid #4493D2;
}
Et là ca fonctionne.
J'en déduis donc que "display: block;" est en cause (enfin mal interprété sous i.e dans le cas d'une liste simple apparament)
D'ou m'a réponse, mais si ce n'est pas lui, alors qui est-ce?
Ps : jojaba désolé pour la "dérive", je pensais que le problème etais résolu quand j'ai répondu la seconde fois. Si on t'embete tu le dit
si on ajoute des erreurs de codage, alors là...
désolé! c'est bien sur un bon exemple, rien à dire.et ie malgré ces défauts sait gérer display.quand çà coince, c'est une erreur de codage.
