Tijden veranderen
Overzichtlijsten in CSS en HTML opbouwen
Nu heb ik deze HTML-code ervoor:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<?php
<div id="photolist">
<div class="photolist_title">Titel 1</div>
<div class="photolist_photo">foto 1</div>
<div class="photolist_description">Beschrijvingsverhaal 1</div>
<div class="photolist_title">Titel 2</div>
<div class="photolist_photo">foto 2</div>
<div class="photolist_description">Beschrijvingsverhaal 2</div>
</div>
?>
<div id="photolist">
<div class="photolist_title">Titel 1</div>
<div class="photolist_photo">foto 1</div>
<div class="photolist_description">Beschrijvingsverhaal 1</div>
<div class="photolist_title">Titel 2</div>
<div class="photolist_photo">foto 2</div>
<div class="photolist_description">Beschrijvingsverhaal 2</div>
</div>
?>
nu vroeg ik me af of dit wel juist is, of is het beter als ik de verschillende 'rijen' ga wrappen in een andere div, met bijv. de naam photolist_item ?, zoals dit?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?
<div id="photolist">
<div class="photolist_item">
<div class="photolist_title">Titel 1</div>
<div class="photolist_photo">foto 1</div>
<div class="photolist_description">Beschrijvingsverhaal 1</div>
</div>
<div class="photolist_item">
<div class="photolist_title">Titel 2</div>
<div class="photolist_photo">foto 2</div>
<div class="photolist_description">Beschrijvingsverhaal 2</div>
</div>
</div>
?>
<div id="photolist">
<div class="photolist_item">
<div class="photolist_title">Titel 1</div>
<div class="photolist_photo">foto 1</div>
<div class="photolist_description">Beschrijvingsverhaal 1</div>
</div>
<div class="photolist_item">
<div class="photolist_title">Titel 2</div>
<div class="photolist_photo">foto 2</div>
<div class="photolist_description">Beschrijvingsverhaal 2</div>
</div>
</div>
?>
Wat is eigenlijk beter?
Gewijzigd op 01/01/1970 01:00:00 door - Ariën -
Verder denk ik gewoon dat het is wat je zelf fijner vind. Overzichtslijsten kunnen soms wel als tabel...
Aar schreef op 31.08.2009 14:23:
Lijsten worden gemaakt met <ol> danwel <ul>.Ikzelf ben bezig met een overzichtlijst te maken.
Karl schreef op 31.08.2009 14:54:
Volgens mij manier twee slechter / fouter dan manier één omdat je een tabel 'na-aapt'.
Verder denk ik gewoon dat het is wat je zelf fijner vind. Overzichtslijsten kunnen soms wel als tabel...
Verder denk ik gewoon dat het is wat je zelf fijner vind. Overzichtslijsten kunnen soms wel als tabel...
maar je kan dan aan de photolist_item class dan een margin-bottom geven.
En ja, ik weet dat semantiek beter is met <ul> etc..., maar ja, dan moet ik alles weer herschrijven terwijl mijn deadline uitgesteld moet worden. Iets voor eind 2009 dus.