Gonzo: background durchsichtig machen

Beitrag lesen

Den Aufbau aus dem Beispielbild solltest du jedenfalls erreichen können, indem du eine einzige Tabelle nimmst, pro Häkchen eine <td>-Zelle

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.

Du kannst entweder den Häkchen ohne ! einen entsprechend breiten Abstand rechts verpassen (padding- oder margin-right), damit dort der Platz frei bleibt, oder, falls nur die Häkchen in der Zelle horizontal zentriert erscheinen sollen und nicht Häkchen + ! bzw. Abstand, das ! mit position:absolute aus dem Layoutvorgang rausnehmen.

Probiere das mal, eines von den beiden sollte dir die zusätzliche Tabelle ersparen.