Ser mycket bra ut tycker jag. Det finns ingen anledning till att göra det hela med tabeller. Koden ser översiktlig ut utan tabeller och det är åt det hållet utvecklingen går.
Det enda jag skulle anmärka är att du i stort sett bara använt div, ul och p vilket gör att du fått sätta class på nästan varenda element. Optimalt så använder du så varierade element som möjligt t.ex. ol för numrering, span, strong, em för delar av rubriker och texter som framhävs olika mycket, h1-6 för t.ex. titeln på programpunkterna och även t.ex blockquote och dl när det passar.
Det är ett vanligt fel när man börjar göra design utan tabeller att missa att använda varierande och passande element och sätta class på alla element. En bättre lösning vore:
Kod:
<div class="programday">
…
<ol>
<li><strong>10 €</strong>
<h4>Jazztältet</h4>
<span>16.30-18.30</span>
<ul>
*<li>Dragskedjan Jazzand</li>
*<li>Siberian Patterns</li>
</ul>
</li>
</ol>
med css
Kod:
div.programday ol { [nuvarande .program] }
div.programday ol span { … }
div.programday ol strong { … }
div.programday ol li ul { … }
Vilka element du använder är upp till dig men de ska passa så långt som möjligt till innehållet, och som du ser kan man få ner mängden kb och öka översiktligheten om man använder rätt element och css smart. Sök på css-selektorer om du är osäker.