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
Haut de page
commentaires