Discussion :

[Torpedox]

Bonjour,

J'ai un div tout simple avec une hauteur de 100% (height:100%). Lorsque j'y intègre une image, si celle-ci est grande le div s'agrandit.

Mais j'ai lu une astuce pour avoir une image et du texte autour, il suffit de mettre align='left' dans la balise <img> puis le texte et l'image dans une balise <p> et le texte entoure joliment l'image, mais, oh surprise, le div ne se redimensionnen plus.
Si j'enlève le align='left' le texte est en dessous de l'image mais le div est à la bonne dimension.

Comment faire pour :
- Avoir du texte autour/a coté de l'image (mais pas soit en haut soit en bas)
- Un div qui s'agrandit malgré une image importante.

Voici mon code actuel (si jl'enlève lle align='left' le div est juste mais pas le texte) :

Code :

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

1
2
3
4
5
6
 
<div style='height:100%'>
<p style='text-align:left'>
<img style='margin:10px' align='left' src='iimage.jpg"'>voici le texte blablablablabla
</p>
</div>

Merci de votre aide.

[Torpedox]

Qui cherche trouve

J'ai finis par trouver en cherchant sur le net :
il faut mettre un div vide (contenant juste un &nbsp; ) avant et après le contenu en mettant un attribut clear:both :

Code :

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

1
2
3
4
5
6
 
<div style='background:green'> //Le div que l'on veut voir s'étendre
<div style='clear:both'> &nbsp; </div>
........ (le contenu, images, div etc.)
<div style='clear:both'> &nbsp; </div>
</div>

[ghohm]

Qui cherche trouve

Qui trouve ... clique sur


Gôm

[Leviathan_72]

ghohm