Discussion :

[RunCodePhp]

Salut à tous

Je rencontre un problème dont je n'arrive pas à expliquer.
J'ai un bout de code qui ressemble à ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<div>
	<p>Début du paragraphe ...
	<ul>
		<li>Contenu de la liste (li1)</li>
		<li>Autre contenu de la liste (li2)</li>
	</ul>
	suite du paragraphe bla bla bla ...
	</p>
</div>

J'obtiens un résultat qui ressemble à ceci : (j'exagère un peu pour mieux se rendre compte)

Début du paragraphe ... bla bla bla
Contenu de la liste (li1)
Autre contenu de la liste (li2)
suite du paragraphe bla bla bla ...

Cependant, et visuellement, la taille de la police n'est pas la même entre le début du paragraphe et la suite du paragraphe.

Ceci ne me semble pas normal.
Que la taille ne soit pas la même dans les listes, c'est normal, elles ont leur propre style CSS.
Par contre, la taille du paragraphe devrait rester la même entre le début et la suite, non ?

Je me dis qu'il n'est peut être pas permis, ou autorisé, d'intégrer une liste dans un paragraphe, qu'il faudrait peut être faire 2 paragraphes, un pour le début (puis la liste), et un autre pour la suite.
Si c'est ça le problème, ça ne m'arrange pas

A votre avis, qu'est ce qui coince ?


Merci

[Macmillenium]

Une liste (ul) dans un paragraphe (p).

Non, les DTD HTML ne l'autorisent pas : P ne peut contenir que des éléments de niveau inline (SPAN, STRONG, A, EM etc.)
Lors de la génération du DOM, les navigateurs corrigent ton code en fermant le P juste avant le UL, ce qui donne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
	<p>Début du paragraphe ...</p>
	<ul>
		<li>Contenu de la liste (li1)</li>
		<li>Autre contenu de la liste (li2)</li>
	</ul>
	suite du paragraphe bla bla bla ...

D'où tes problèmes de rendu.

[coeos.pro]

Bonjour, entièrement d accord avec Macmillenium, par contre je voulais savoir, il y a un intérêt à mettre une liste dans une balise p ?

[Erwan31]

Je doute que ce balisage soit pertinent. Pourrais tu nous dire pourquoi tu as mis cette liste dans un paragraphe?

[RunCodePhp]

Non, les DTD HTML ne l'autorisent pas : P ne peut contenir que des éléments de niveau inline (SPAN, STRONG, A, EM etc.)

C'est un peu se que je craignais

Ca ne m'arrange pas du tout.
Mais au moins, cette fois c'est clair


@Erwan31
@coeos.pro
C'était justement pour rendre les choses plus pertinentes.
En 1er, j'ai un titre : H1
Un sous titre : H2
Puis le contenu dans un paragraphe : P

Cependant, la page est dynamique (php), et la balise P attend un contenu qui lui se trouve dans une Bdd.
En faite, j'étais parti du principe que le fait de placer l'intégralité de l'article dans un paragraphe était délimité par cette balise P.
Donc d'indiquer en quelque sorte se que représente l'article par rapport au reste du contenu.

Faut croire que ce n'est pas une bonne vision.

Du coup, avec vos indications, va me falloir en 1er supprimer la balise P présente dans le code, et revoir tous les articles un à un (la Bdd)
Les découper en plusieurs paragraphes au besoin.
Bon, j'espère qu'il y en aura pas de trop. Je ne sais plus.


Merci à vous