Coucou à tous,
 
Je fais une liste de puces sur mon site, et j'utilise Firefox...
ce matin j'ai eu la mauvaise idée de regarder avec IE ce que donnait mon site !
C'est une catastrophe...
 
J'utilise une puce perso avec

 
Il n'y a pas d'espace entre la puce et le texte, je suis donc obligé de mettre   à chaque fois, ce qui fait un double espace sur Firefox.
 
Lorsque je fais des listes personnalisées, il utilise ma puce personnalisée à chaque fois. Mon code est le suivant :

et il m'affiche la puce personnalisée par tout !
J'ai essayé de mettre le type="circle" dans la balise <li>, mais ça ne change rien...
Bouhhh
 
ça doit être un truc tout bête, mais là je sèche.
 
Merci d'avance.
 
Pierrick

Salut à toi,

Voyons cela :

Pour l'espace, je pense que tu peux régler ça avec des CSS plutôt que des  &nbsp; ... par coeur je ne vois pas (sûrement des paddings etc), va voir du côté des recommandations W3C en la matière ...

En revanche pour ton deuxième problème : essaye un peu le code suivante pour ta <ul> interne :

(le list-style-type se définit au niveau de l'ul, pas du li : http://www.w3schools.com/css/pr_list-style-type.asp)

Le plus propre encore étant de définir les styles dans l'entête de ta page (fût-ce avec une belle page CSS incluse) où tu définis des classes du genre :

*edit* Possible aussi que le problème vienne de l'endroit où tu mets ta balise fermante "</li>" .. Comme celle-ci n'est pas obligatoire (peut-être que le W3C validator l'exige, je me souviens plus, mais les browsers n'en ont pas besoin), essaye sans

Merci Zebix, mais rien à faire ! IE n'en fait qu'à sa tête !
Si je rajoute la ligne de commande list-style-type:none ça ne marche pas.
Et en plus si je met mon list-style-type dans la balise <ul> même sur Firefox il me met la même puce partout !
Et en plus je cherche partout sur les moteurs de recherche liste de puce personnalisée, et rien ne propose des listes hiérarchisées mixtes... Je ne peux pas croire que je suis le seul à avoir ce pb !

Pour le test voici mon code le plus simple possible :
<ul>
   <li style="list-style-image:url(images/puce.gif)">&nbsp;<a href="http://www.projectioncinema.com">Projections en intérieur</a></li>
            <ul>
                  <li>Avant-première de films</li>
                  <li>Ciné drive-in</li>
            </ul>
</ul>
 
Si je le colle dans une page html. Si j'ouvre cette page  
avec Firefox, j'ai

Sur IE

 
Vous pouvez tester ici : www.hallucine.fr/test/test.html
 
Pourquoi donc cela ne veut-il pas marcher pareil chez les 2 navigateurs ?
 
Merci de votre aide...
 
Pierrick

Re,

tu n'as pas lu correctement mon post et/ou l'article linké.

Ce code fonctionne je viens d'essayer :

(remplace par le correct url pour ton image)

Il est vrai cependant que ça ne change rien d'utiliser une "class" pour ton UL "mère", puisque tu IE a l'air de considérer que les ul "filles" héritent d'office des caractéristiques de leur parent ... haaa IE et les recommandations .. bref tu dois spécifiquement déterminer pour l'UL "fille" quel style tu veux, en rapport avec celui déterminé pour la mère.

*EDIT* j'en ai profité pour checker l'espace entre la puce et ton texte : utilise ceci :

au lieu de

(et ici, le style se cantonne à ce LI en particulier et pas à ceux "en dessous", ce qui est logique puisqu'ils ne sont pas "inclus" dedans.)

Un gros Bisous à Zebix !
ça marche nickel !
Je suis vraiment désolé je ne sais pas où j'avais foiré sur mes tests, j'étais persuadé d'avoir bien fait ! Honte sur moi !
 
++

le css dans les balises c'est mal

on se répète, par ici

Ah oui, pas vu