Mon lien est ici:IE6 balles sur les listes
J'utilise la liste de style image: donner mes listes horizontales (très haut et en bas). Seperators J'ai une classe de .first pour enlever l'image du premier li dans chaque liste.
Lo et voir dans IE6, cela ne fonctionne pas. Ce qui se passe, c'est que les images de balle ne sont pas affichées, et aussi les quelques pixels du bas du texte semblent être recadrées.
J'ai corrigé quelques bugs « hasLayout » avec cette page, mais j'ai le sentiment est quelque chose à voir avec ma hiérarchie de règles, même si aucun montant de piratage au sujet semble fonctionner pour moi.
Quelqu'un peut-il nous éclairer à ce sujet? Merci.
En outre, mon changement de couleur fonctionne sur le vol stationnaire, mais pas sur le soulignement, dans le même sélecteur? OK, j'ai utilisé la technique d'image d'arrière-plan suggérée par yoavf, qui semble faire l'affaire, mais le problème de recadrage subsiste. On dirait une autre question alors ...
Heres mon CSS révisé
#site-navigation li {
background-image:url(../img/site-nav-seperator.gif);
background-position:0 4px;
background-repeat:no-repeat;
float:left;
padding-left:15px;
}
#site-navigation li.first {
background-image:none;
}
plus d'édition:
Managed pour fixer le recadrage aussi, en donnant la balise une hauteur de ligne.
#site-navigation a {
color:#666666;
display: block;
text-decoration:none;
margin-right: 1em;
line-height: 1.1em;
}
ce bit se sent comme un Bodge bien :)
Pour ceux d'entre nous sans IE6, il peut être utile de décrire ce qui se passe dans IE6, car «ça ne marche pas» est plutôt vague. –
Désolé, j'ai mis à jour post et inclus une capture d'écran. –