88.001 visiteurs depuis la création

EXEMPLE DE MISE EN LIGNE D'UNE IMAGE AVEC HTML ET CSS.

par André Marini 25 Mai 2015, 08:16 Images

Pour mettre en ligne une image que l'on pourra inclure dans un cadre avec commentaire, il est nécessaire d'utiliser le HTML et d'adjoindre du CSS.

On peut, bien entendu, modifier les dimensions de l'image ainsi que les couleurs du cadre et du bandeau supérieur.

Cadre : grey;

Bandeau supérieur: #DEDEDE

Dans cet exemple, j'ai centré le texte mais on peut le mettre "left" ou right".

CODE

<figure style="border:solid 1px grey; background-color:grey; text-align:center">
<figcaption style="width:530px; border-bottom:solid 1px grey;
line-height:25px; font-weight:bold; background-color:#DEDEDE;">DESSIN HUMORISTIQUE ACCOMPAGNANT LES STATISTIQUES 2014 SUR LA PECHE EN EAU DOUCE EN FRANCE</figcaption>
<img src="http://img.over-blog-kiwi.com/1/30/51/51/20150525/ob_f9a70e_normal.jpg" alt="figure html5" style="width:500px;" />
</figure>

RESULTAT