logo
  Foto met onderschrift
 

foto

Lief he...

Vaak moet je hele toeren uit halen om een tekst onder een foto te kunnen zetten en dan kom je meestal terecht bij een table.

Maar met een style en een div kom je er ook. Ik heb hiernaast een voorbeeld gegeven, alleen heb ik het sterk aangepast voor mijn style, maar ik neem aan dat aan jou fantasie geen gebrek is.

Een kader er om heen maken is wel mooi, maar de keuze is aan jou. Ook kan je een ander lettertype gebruiken, de grootte er van aanpassen en de kleur en als je het mooi vind kan je er ook een andere achtergrondkleur bij gebruiken, kortom keus genoeg zou ik zeggen.

 
IN DE CSS
div.figure {
float: left;
width: 20%;
background-color: #E6ECF0;
border: 1px solid #000000;
margin-right:0px;
padding: 0px;
}
div.figure p {
font-family: Times new roman;
font-size: 12px;
font-weight: normal;
color: #000071;
text-align: center;
font-style: italic;
text-indent: 0;
}
img.scaled {
width: 100%; }

 
TUSSEN DE BODY TAGS
<div class="figure"><img class="scaled" src="jou clipart" alt="clipart">
<p>commentaar bij de clipart</div>

 
eind