ICI header("Location: http://www.mytesting.fr ");
TESTS ET ASTUCES DE BLOGUEUR

METTRE UNE IMAGE EN LIGNE DANS UN CADRE AVEC SA LEGENDE.

par André Marini 8 Avril 2015, 07:14 Images

METTRE UNE IMAGE EN LIGNE DANS UN CADRE AVEC SA LEGENDE.

Ce code fait intervenir du code HTML ainsi que du CSS.

CODE

 

<figure style="border:solid 1px grey; background-color:silver; text-align:center"> 
   <figcaption style="width:500px; border-bottom:solid 1px grey; 
      line-height:65px; font-weight:bold; background-color:silver;">Hameçon</figcaption> 
   <img src="http://img.over-blog-kiwi.com/1/30/51/51/20150407/ob_eb2e1b_aa.jpg" alt="Hameçon" style="width:500px;" /> 
</figure>

 

Il est bien entendu possible de mettre une véritable légende alors que je ne me suis contenté d'écrire "hameçon"

 

RESULTAT

 

Hameçon
Hameçon

commentaires

Haut de page

Theme: Autofocus © 2013 - Hébergé par Overblog