logo
  Fotolist
  Je kan het je bijna niet voorstellen zo mooi, maar dit is toch ook echt een list. Natuurlijk kan je hier heel veel aanpassen op jou stijl.
  • Foto 1

    Hier staat dus foto nummer 1

  • Foto 2

    Hier staat dus foto nummer 2

  • Foto 3

    Hier staat dus foto nummer 3

  • Foto 4

    Hier staat dus foto nummer 4

 
IN DE CSS
* {margin: 0; padding: 0;}
div {
margin: 20px;}
ul {
list-style-type: none;
width: 600px;}
h3 {
font: bold 20px/1.5 Helvetica, Verdana, sans-serif;}
li img {
float: left;
margin: 0 15px 0 0;}
li p {
font: 200 12px/1.5 Helvetica, Verdana, sans-serif;}
li {
padding: 10px;
overflow: auto;}
li:hover {
background: #eee;
cursor: pointer;}

 
TUSSEN DE BODY TAGS
<ul>
<li>
<img src="foto">
<h3>koptekst</h3>
<p>tekst</p>
</li>
<li>
<img src="foto">
<h3>koptekst</h3>
<p>tekst</p>
</li>
<li>
<img src="foto">
<h3>koptekst</h3>
<p>tekst</p>
</li>
<li>
<img src="foto">
<h3>koptekst</h3>
<p>tekst</p>
</li>
</ul>
</div>

 
eind