J'ai un problème avec la propriété image liste de style en CSS avec Internet Explorer 8CSS dans Internet Explorer: liste de style image et float: question gauche
Si je mets
li {
float:left;
list-style-image: none;
}
chaque l'élément de menu est au-dessus de l'autre. Si je supprime list-style-image: none, ils sont parfaitement positionnés à la place, mais ils ont l'image dot. (Voir les images)
Les éléments de l'effondrement de la liste puisque vous définissez float:left-<li/> et à la <a/> intérieure. Il n'y a pas besoin de; la suppression float:left de <a/> résout le problème. Comme pour les balles de la liste, comme indiqué précédemment, list-style-type:none est la voie à suivre.
Surtout pour IE8, je suggère également d'enlever le line-height:0 en #block-menu-primary-links. Cela peut provoquer le comportement d'effondrement.
Note: Je ne comprends pas vraiment la suggestion de @orokusaki. Essayé sans position:relative;, et cela fonctionne parfaitement bien.
hey, en effet position: le parent n'aide pas du tout. Mais le fait est que cela ne fonctionne toujours pas dans IE. Essayez de jeter un oeil, j'ai modifié ce que vous avez suggéré mais le menu s'effondre toujours. – aneuryzm
@Patrick: vous avez oublié de supprimer 'line-height: 0' dans' #block-menu-primary-links'. Puisque chaque élément a sa hauteur définie à 0 pixel, il ne prend pas de place, donc ne déplace pas les éléments suivants vers la droite. Je suis d'accord que ce n'est pas quelque chose de logique, mais c'est pourquoi les navigateurs ordinaires n'ont pas ce problème. –
Cette question semble très familière ... quel type de Doctype utilisez-vous? En outre, si vous essayez de supprimer les puces de la liste, vous pouvez essayer d'utiliser 'list-style-type: none' à la place. –
hey, pas vraiment .. les balles sont toujours là si j'utilise le style de style liste. C'est le lien: http://109.72.95.174/astudio/sites/danydiop/?q=taxonomy/term/26 – aneuryzm