DIV image dans un Paragraphe

Bonjour,

Je souhaite inserer une DIV dans mon <p>
Hors, lorsque j'insère la DIV, le texte se placant sur le coté perd ses attribut CSS com par exemple son alignement (text-align:justify;) alors que celui qui est en dessous lui est parfaitement mis en page alors qu'il fait partie du meme <p>.

<div id="contenu">
<h1>montitre</h1>
<p><div id="image">mon texte</p>
</div>

CSS: #contenu p {text-align:justify;}
Comme je l'ai explique le texte du <p> contenu la div perd les indications de "contenu p".

Si quelqu un peu m'aider.
Modifié par Webconcept (03 Feb 2006 - 13:52)

Salut !

Pourrais-tu mettre en forme ton code avec les balises adéquates ? ([code ] .... [/code ] sans les espaces). Sinon tu vas te faire tirer les oreilles par un modérateur, qui te renverra aux règles du forum que tu as certainement lues & approuvées au moment de t'inscrirre

Ton code n'est pas correct ! Tu dois fermer le <div> avant de fermer le <p>

<div id="contenu">
<h1>montitre</h1>
<p><div id="image"><img src="...' alt="..." /></div>mon texte</p>
</div>

Pense à valider ton code avant de poster, le validateur t'aurait indiqué cette erreur ... si le problème persiste après correction & validation du code, fais-le savoir.
Modifié par Sopo (03 Feb 2006 - 12:19)

Bonjour,

il y a deux problèmes dans ton code (x)html :
1. tes balises sont mal imbriquées, ton div se ferme après la balise fermante de ton paragraphe ;
2. tu ne peux pas insérer une balise <div> dans une balise <p> (l'inverse est possible en revanche).

Bonjour,

Merci d'éditer ton post pour présenter lisiblement ton code.

Tu ne peux pas inclure un élément de type block dans un paragraphe (voir La structure des balises : bloc et en-ligne).

L'équivalent neutre de div de type inline est span. Sinon si c'est pour mettre une image pour quoi ne pas bêtement utiliser img ?

note: qui plus est ta div qui ne dervait pas être là n'est pas fermée

Désolé dans la précipitation, je n ai pas vérifié le code... je n ai pas utilisé de copié collé mais dans ma page HTML j ai bien, c est donc bon :

<div id="contenu"> 
<h1>montitre</h1>
<p><div id="image"><img src="...' alt="..." /></div>mon texte</p>
</div>

Mais ça n'empêche que mon code CSS n'est pas pris en compte sur ce paragraphe alors qu'il l'est dans les autres paragraphes du même contenu.
Modifié par Webconcept (03 Feb 2006 - 13:51)

Ton code n'est pas bon, tu ne peux pas imbriquer un <div /> dans un <p />.

Voir les liens posté par Igor

Igor a écrit :
Merci d'éditer ton post pour présenter lisiblement ton code.

Bonjour PiouPiouM
Si je ne peux pas placer de DIV dans un P.. Peux tu me dire comment placer un paragraphe a cote d une image?

Merci a vous

D'un point de vue minimal ce que tu veux c'est mettre du texte à coté de l'image.

La première question à se poser est donc faut il que ce texte soit dans un paragraphe ?

Je travaille justement sur un site avec des images placée à côté d'un paragraphe.

Tu as deux solutions :

<img src="..." style="float:left" />
<p>ton texte</p>

dans mon cas je dois encore ajouter un légende à mon image. J'ai fait comme ceci :

<div class="caption" style="float:left; width="200px">
<img src="" width="200px" ... />
<br />
Légende
</div>
<p>ton texte</p>

la classe caption contient la mise en forme de la légende

la page en question : http://www.elfloridita.net/lot/rad/interferometre.php