foto html - css     . Cliparts - Foto met onderschrift

Omschrijving   Voorbeeld

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.

 
foto

Lief he...

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 bodytags

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

end
terug
home