nicht angemeldet
Hallo,
deinen HTML-Aufbau habe ich nicht kapiert, nicht die Verschachtelung und auch nicht, was du mit den ganzen <th> willst, obwohl es nichts zu betiteln gibt - aber das ist letztlich das übliche Chaos beim Tabellenlayout.
Den Aufbau aus dem Beispielbild solltest du jedenfalls erreichen können, indem du eine einzige Tabelle nimmst, pro Häkchen eine <td>-Zelle, die Zelleninhalte vertikal zentrierst und als Hintergrund ein einzelnes Bild einsetzt, das oben bündig anschliesst (background: url(bla) no-repeat #farbe top).
Dies ist leider (soweit ich deine Lösung verstanden habe) nicht möglich. Denn wie man sieht, kann bei bedarf ein "!" Button neben dem Häckchen eingeblendet werden. Die Checkboxen sollen trotzdem vertikal untereinander ausgerichtet bleiben. Ohne eine eingeschachtelte Tabelle geht das nicht.
PS: Du hast recht. Anstatt des <th> hätte ich auch eine klasse verwenden können (sollen).