18067 sujets

Questions générales et questions de débutants

[Résolu]Problème de puces sur internet explorer

Bonjour,

Je tiens tout d'abord à remercier le forum qui m'a permis de ne pas laisser tomber trop vite!
J'ai un problème sur mon premier test avec le xhtml et le css.
Voilà, j'ai intégrer une liste à puces sur le site mais internet explorer ne reconnaît pas la propriété "list-style: none" alors que firefox, aucun problème.
Voici le lien pour comprendre le problème sur IE : http://62.210.190.91/pharma/fiches_prod/3634828.html

Pouvez-vous m'aider?

D'avance, je vous remercie.
Modifié par ssavane (13 Dec 2006 - 16:26)
tu devrais mettre le nom et la valeur dans un seule "li" au lieu de 2 comme maitenant. en ensuite tu mets 2 "span", un pour le nom et un pour la valeur et ça t'évitera le bricolage que tu as fait là
Salut.

Et avec 
list-style-type: none;
ça ne marche pas non plus ?

Edit : la solution de mathieu2 est à envisager. Mais je ne mettrais qu'un span pour le texte qui doit être d'une couleur différente, pas deux Smiley cligne
Modifié par Sopo (13 Dec 2006 - 16:04)
Merci beaucoup!!!!
J'ai suivi les conseils de mathieu2 et c'est parfait!!

Bonne fin de journée à tous!

Vanessa
Juste une dernière chose ... Smiley lol

La solution actuelle n'est malheureusement pas valide car un élement liste <ul> ne peux contenir que de éléments de liste <li>.
En conséquence de quoi, sans changer ce qui a été fait, je te propose ceci : 
<ul>
  <li>Nom du produit :
   <span class="produit">VOGALIB® 7,5 mg, Lyophilisat oral</span>
  </li>

  <li>Code ACL :
    <span class="produit">363 482.8s</span>
  </li>

  <li>Prix de vente moyen:
    <span class="produit">5,5 à 6,5&euro;</span>
  </li>
</ul>

Tu rajouteras simplement un display:block; à tes span pour qu'ils passent à la ligne et le tour sera joué... Smiley cligne
Modifié par Cygnus (13 Dec 2006 - 16:37)
Cygnus a écrit :
Juste une dernière chose ... Smiley lol

La solution actuelle n'est malheureusement pas valide car un élement liste <ul> ne peux contenir que de éléments de liste <li>.
En conséquence de quoi, sans changer ce qui a été fait, je te propose ceci : 
<ul>
  <li>Nom du produit :
   <span class="produit">VOGALIB® 7,5 mg, Lyophilisat oral</span>
  </li>

  <li>Code ACL :
    <span class="produit">363 482.8s</span>
  </li>

  <li>Prix de vente moyen:
    <span class="produit">5,5 à 6,5&euro;</span>
  </li>
</ul>

Tu rajouteras simplement un display:block; à tes span pour qu'ils passent à la ligne et le tour sera joué... Smiley cligne


ce que je lui avait proposé est aussi validé : 2 span dans chaque li
Sopo a écrit :
@mathieu2 : c'est valide, mais il y a une balise inutile dans ce cas-ci Smiley cligne
tout à fait d'accord, c'est cygnus qui a dit que ce n'était pas valide
... Smiley lol ...
A l'origine le code que j'ai vu était celui-ci :
<ul>
  <li>Nom du produit :<br /></li>
  <span class="produit">VOGALIB® 7,5 mg, Lyophilisat oral</span>

  <li>Code ACL :<br /></li>
  <span class="produit">363 482.8s</span>

  <li>Prix de vente moyen:<br /></li>
  <span class="produit">5,5 à 6,5€</span>
</ul>

Et ça, c'est pas valide ...
Smiley diablo

D'où mon intervention...
Mais je ne doute pas que la solution proposée fut valide ...
Peut-être fut-elle seulement mal appliquée..
Smiley ravi
Modifié par Cygnus (13 Dec 2006 - 17:29)
Merci pour tout. J'ai bien pris en compte ces nouvelles remarques.
ça fait plaisir de réussir enfin une page xhtml/css!!
Sujet clos
Aller à