28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

tout d'abord je tiens juste à dire que je maudis internet explorer et ce depuis des années.

Bref, voici mon problème. J'ai une petite liste toute bête dont voici le css:


ul#menu{
	margin:0;
	padding:0;
	list-style-image: url(../images/puce.png);
	list-style-position: inside;
	font-family: verdana;
	font-size: 15px;
	font-weight: bold;
}


Sous firefox ça passe nickel mais sous IE c'est une catastrophe. Déjà si je ne mets pas le "list-style-position:inside" il ne m'affiche tout simplement pas mes puces. Ensuite sous IE, les puces sont complètement collées au texte et décalées vers le haut. Je m'arrache les cheveux à essayer de régler ce énième problème de compatibilité ... merci d'avance pour votre aide Smiley lol

upload/5071-intolerable.JPG
Modifié par Triton (30 Apr 2008 - 09:53)
Bonjour,

Une solution alternative pourrait être d'appliquer un background à tes éléments de liste. Ce qui donnerait quelque chose du type :
ul#menu li {
   background:url(../images/puce.png) no-repeat left 50%;
   padding:0 0 0 11px
}

Modifié par mecho (30 Apr 2008 - 08:46)
Mon sauveur ! Merci beaucoup ça fonctionne Smiley murf Hop un ptit tag [Résolu]
Modifié par Triton (30 Apr 2008 - 09:54)