Zeitbereich mit Balken darstellen

[Matthias Apsel]

Om nah hoo pez nyeetz, Encoder!

Es sind sicher gute Ideen von Martin und Linuchs. ABER was passiert, wenn nur der Text gezoomt wird? Du bräuchtest dich nicht um den Maßstab kümmern (sondern könntest einen festlegen, der für alle gilt), wenn du deine Zeitstreifen anders organisierst.

8:00
xxxxxxxxxxxxxxxxxxxxx
                 9:00

<div class="buchung">  
  <p class="begin">8:00</p>  
  <p class="ende">9:00</p>  
</div>

.buchung {  
  background: red;  
}  
.buchung p {  
  background: white;  
}  
.begin::after {  
  content: "\A\A";  
  white-space: pre;  
}  
.ende {  
  text-align: right;  
}

Matthias