Infor [ordinateur] matique


Aide pour les CSS - Bruno GADRAT

CSS L'image dépasse du bloc

Le texte se place à côté au lieu de en dessous


Petit commentaire (texte plus petit que l'image)

Dans le html
<div class="depasse">
<img src="image.jpg"/>
<p>Petit commentaire (texte plus petit que l'image)</p>
</div>
Dans la feuille de style
.depasse {border:4px solid blue; }
.depasse img { float:left; border:2px solid red; }

Petit commentaire (texte plus petit que l'image)

Dans le html
<div class="depassepas">
<img src="image.jpg"/>
<p>Petit commentaire (texte plus petit que l'image)</p>
</div>
Dans la feuille de style
.depassepas {border:4px solid blue; overflow:auto;}
.depassepas img { float:left; border:2px solid red; }


[arbre_paysage] [pour_m'envoyer_du_courrier] [Index]

Index du cours

©