Beste Leden,

Hoe kan ik dit het beste netjes laten weergeven?

Code:

<table>
<td>
<tr>maandag</tr><tr> 8.00 tot 17.30 uur</tr>
<td>   etc
dinsdag 8.00 tot 17.30 uur
woensdag 8.00 tot 17.30 uur
donderdag 8.00 tot 21.00 uur
vrijdag 8.00 tot 17.30 uur
zaterdag 8.00 tot 17.00 uur

Ik deed het altijd met een table, maar kan dit ook?

Code:

<div> 
<ul class="tabel">
      <li>maandag<li><li> 8.00 tot 17.30 uur</li>
      <li>dinsdag     <li>8.00 tot 17.30 uur</li>
      <li>woensdag  <li> 8.00 tot 17.30 uur</li>
      <li>donderdag <li>8.00 tot 21.00 uur</li>
      <li>vrijdag      <li>8.00 tot 17.30 uur</li>
      <li>zaterdag   <li>8.00 tot 17.00 uur</li>
</ul>
</div>

of moet ik hier 2x een UL maken, en deze een right en left maken?

In dit geval zou ik een tabel gebruiken.

Mijn regel is om een tabel alleen voor gegevens te gebruiken, niet voor algehele opmaak. Het lijkt me in dit geval geoorloofd.

Mij lijkt het volgende ook wel een nette oplossing:

<div style='width:240px;'>
Maandag <span style='float:right;'>8.00 tot 17.30u</span><br />
Dinsdag <span style='float:right;'>8.00 tot 17.30u</span><br />
Woensdag <span style='float:right;'>8.00 tot 17.30u</span><br />
Donderdag <span style='float:right;'>8.00 tot 21.00u</span><br />
Vrijdag <span style='float:right;'>8.00 tot 17.30u</span><br />
Zaterdag <span style='float:right;'>8.00 tot 17.00u</span><br />
Zondag <span style='float:right;'>gesloten</span>
</div>

--> uiteraard in de css stylen

Dit soort data kan je het beste in een 'datalist' zetten;

Code:

<dl>
   <dt>maandag</dt>
   <dd>8.00 tot 17.00 uur</dd>

   <dt>dinsdag</dt>
   <dd>8.00 tot 17.00 uur</dd>

   <dt>woensdag</dt>
   <dd>8.00 tot 17.00 uur</dd>

   <dt>donderdag</dt>
   <dd>8.00 tot 17.00 uur</dd>

   <dt>vrijdag</dt>
   <dd>8.00 tot 17.00 uur</dd>

   <dt>zaterdag</dt>
   <dd>8.00 tot 17.00 uur</dd>
</dl>

DL < daarmee geef je een datalist aan
DT < Dat is de 'term'
DD < daarin staat het 'antwoord'

Je zal opmerken dat dit standaard een opmaak meekrijg. Zo kom het andwoord op een andere regel te staan en springt het in. Daarom moet je de css resetten;

De DT een float:left meegeven, de margin + padding overal weghalen. etc.

Groet, Gijsbert