foto html - css     . Cliparts - Foto met plakband

Omschrijving   Voorbeeld

Het is weer eens wat aparts om je foto's zo te tonen. Met een klein beetje weet van CSS kan je heel veel veranderen hier.

position: relative;
width: 610px; = is maat van foto + 10 extra
height: 410px;} = is maat van foto + 10 extra

Copieer het plakbandje die hieronder staat en zet het bij jou imagemap

tape

 

In de css

.gallery {
list-style: none;
margin: 0;
padding: 0;}
.gallery li {
margin: 10px;
padding: 0;
float: left;
position: relative;
width: 610px;
height: 410px;}
.gallery img {
background: #F2F2F0;
border: solid 1px #ccc;
padding: 4px;}
.gallery span {
width: 77px;
height: 27px;
display: block;
position: absolute;
top: -12px;
left: 120px;
background: url(joufoto) no-repeat;}
.gallery a {
text-decoration: none;}

Tussen de bodytags

<ul class="gallery">
<li><a href="#"><span></span><img src="images/0.jpg" alt="image" /></a></li>

end
terug
home