HTML- und CSS-Sheets strukturieren

[Matthias Scharwies]

Servus!

Mein HTML sah irgendwie so aus:

<td>
  <input type="image" src="edit.jpg">
  <input type="image" src="delete.jpg">
</td>

Nur so als Prinzip. Die Buttons waren 24px breit, und Milchmädchen Rolf errechnte die Breite der Button-Spalte demzufolge als 48px. Und das ging schief. Die Buttons wurden untereinander angezeigt. Nach einiger Zeit (Entwickler-Tools gab's im IE4 nicht oder ich kannte die nicht, ich war noch jung und doof) kam ich drauf: weil zwischen den beiden Buttons Weißraum war,

Das war früher auch so, wenn man JavaScript/DOM/Node/childNodes ermitteln wollte - Weißraum, auch Zeilenumbrüche und Einrückungen waren ein eigener Knoten.

→ JavaScript/DOM#Whitespace

Heute gibt's JavaScript/DOM/Node/nextSibling

Naja. Was ich sagen wollte: Überschüssiger Weißraum im HTML kann fast immer ignoriert werden. Bis man an den Punkt kommt, wo er doch mal stört…

Das merkt man dann aber erst mal gar nicht! 😀

Herzliche Grüße

Matthias Scharwies