Opera Software, Forums francophones
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 08/02/2012 15:59:24
[Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Bonjour,
Voici mon problème :
j'ai une liste comme celle ci-dessous qui ne s'affiche pas correctement sous opera.
Le texte placé dans le div se retrouve sous une seconde ligne.
Si je retire la balise div c'est correct.
Sous chrome et IE ce code est OK.
Ceci est visible à la fin de cet article.
http://www.travailler-a-la-maison.fr/co … wordpress/
<ul>
<li>
<div align="left">Mise à jour de WordPress</div>
</li>
<li>
<div align="left">Choix et fonctionnalité d’un thème</div>
</li>
</ul>Est-il possible de résoudre ce problème ?
Merci pour votre aide,
Thierry
Dernière modification par Thiery (13/02/2012 09:47:33)
Hors ligne
#2 08/02/2012 17:25:36
- ra-mon
- Mopérateur
- Inscription : 30/09/2005
- Messages : 11 043
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Salut et bienvenue,
Tu as remarqué que Firefox affiche le site de la même manière ?
Si tu demandes à Opera d'afficher juste le bout de code que tu as indiqué ou le site indiqué en mode "utilisateur" (sans style) il met bien le texte au niveau du numéro de la liste ordonnée.
Donc je pense que cela vient d'un style appliqué aux <DIV> (ou autre élément)... qui est interprété différemment par les moteurs de rendu d'IE/Chrome...
Hors ligne
#3 08/02/2012 17:55:49
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Est-ce que le HTML permet d'ajouter un DIV à l'intérieur d'un LI ?
Je me demande si en utilisant des SPAN plutôt que des DIV, ça ne réglerait pas ton problème.
Nickko http://nickko.be
Ergonome http://www.usability.fr/
Hors ligne
#4 08/02/2012 18:02:31
- Totoffe
- Modérâleur
- Lieu : Nancy
- Inscription : 03/10/2005
- Messages : 6 143
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Est-ce que le HTML permet d'ajouter un DIV à l'intérieur d'un LI ?
Je me posais la même question : normalement, une balise de bloc comme div ne devrait pas figurer de cette façon dans une liste ! Cela ne passerait pas le validateur du W3C.
Je me demande si en utilisant des SPAN plutôt que des DIV, ça ne réglerait pas ton problème.
Idem.
Cordialement,
Christophe.
Outils : Wiki - FAQ - Recherche du forum - Faire et poster une capture d'écran
Hors ligne
#5 08/02/2012 18:44:47
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Hello ra-mon, Nickko et Totoffe
Merci pour à tout les 3 pour vos réponses.
Je n'ai pas testé avec Firefox.
Le style retiré au DIV ne change rien.
Par contre la balise SPAN est OK à l'intérieur de <LI>
Je vais donc avec vos conseils voir ce qu'il en est au niveau de la validation W3C.
Ensuite je dois vérifier ce qui m'a placé la balise DIV.
Soit WordPress, soit Windows Live Writer.
Je pense au 1er abord qu'il s'agit de Live Writer puisque je l'ai utilisé pour créer mon article.
Bonne fin de journée à vous trois, 
Thierry
Dernière modification par Thiery (08/02/2012 20:53:37)
Hors ligne
#6 09/02/2012 16:34:04
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Bonjour,
Je vous apporte plus de précisions sur ce qui à introduit des balises <div> à l'intérieur de la balise <li>.
C'est le fait d'avoir aligné à gauche le contenu.
Ceci à bien était déclenché par Live Writer, mais ne se produit pas avec l'éditeur de WordPress.
Si cela peut servir à d'autre, la solution est là ! 
Thierry
Hors ligne
#7 09/02/2012 22:24:32
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Et d'ailleurs, quel est l’intérêt de mettre un span/div dans tes listes ? Ça n'a strictement aucun intérêt à mes yeux a part compliquer la chose et ajouter du code pour rien et alourdir la page.
Hors ligne
#8 09/02/2012 23:37:05
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Et d'ailleurs, quel est l’intérêt de mettre un span/div dans tes listes ? Ça n'a strictement aucun intérêt à mes yeux a part compliquer la chose et ajouter du code pour rien et alourdir la page.
C'était en réponse à Nickko suite au problème que j'avais exposer.
Mais en effet sans balise interne c'est correct.
Regnareb, tu as ce savoir, mais ce n'est pas le cas pour tout le monde.
Si tout le monde avait le même savoir ce forum n'aurait pas lieu d'être. A vrai dire aucun.
Tu as l'air agressif dans tes propos ?
Bonne soirée.
Hors ligne
#9 10/02/2012 00:39:41
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
C'était une vrai question... parce que justement je n'ai pas tout le savoir et qu'il y avait peut-être un cas valable que je ne voyais pas.
Hors ligne
#10 10/02/2012 10:32:47
Re : [Résolu] Bug sur liste <li> + <div> texte sur une 2nde ligne
Comme je l'avais mentionné plus haut, la balise DIV à été posé par Windows Live Writer en alignant l'article complet de mon blog.
Certes cette liste ne nécessitait pas d'alignement.
Quoi qu'il en soit le problème ne se posait pas avec Chrome ou IE.
A savoir que j'utilise selon le besoin et possibilité Windows Live Writer, l'editeur de WordPress, l'editeur html de WP, l'editeur html du plugin Ultimate TinyMCE. Est aucun ne produisent le même code. Même les éditeurs HTML n'affiche pas la même chose, pour exemple la balise <br/> devient :
<p>
</p>
dans l'editeur html du plugin Ultimate TinyMCE
dans l'editeur html de WordPress
Cet donc un peu la jungle et pas toujours facile de s'y retrouver quand on est pas un spécialiste de tout ça.
Hors ligne