☞ Mit Grid geht das recht einfach. Und das Beste an Grid ist: der Code ist selbsterklärend.
Fürwahr die beste Variante. Danke für das tolle Beispiel.
Es sollte ein Leichtes sein, die Gridlinien für Viertelstunden hinzuzufügen.
Statt "Handarbeit":
<?php
for ($i=8; $i<24; $i++) {
for ( $k = 0; $k < 60; $k = $k + 15 ) {
$si = sprintf("%'.02d", $i);
$sk = sprintf("%'.02d", $k);
print "\t" . '<div class="label" style="--start: h' . $si . $sk . '">' . $si . ':' . $sk . '</div>' . "\n";
}
}
<div class="label" style="--start: h0800">08:00</div>
<div class="label" style="--start: h0815">08:15</div>
<div class="label" style="--start: h0830">08:30</div>
<div class="label" style="--start: h0845">08:45</div>
<div class="label" style="--start: h0900">09:00</div>