Sönke Tesch: CSS-Äquivalent zu cellspacing="0"

Beitrag lesen

Die Hauptpunkte in diesem Vertikal-Menu sollen jeweils durch einen 2- oder 3px-Abstand vom vorigen Menupunkt getrennt sein. Untermenupunkte allerdings, sollten direkt "aneinanderkleben".
Das gelingt nur dann, wenn im table-tag cellspacing="0" angegeben ist.
Was immer ich auch versucht habe cellspacing="0" durch entsprechende CSS-Angaben zu ersetzen, es gelingt einfach nicht (btw. IE5).
Natürlich habe ich auch border-collapse:collapse probiert, aber das ist IE-proprietär und außerdem ist dann die hellere Oberkante dieser simulierten Buttons nicht mehr zu sehen.

border-collapse ist nicht IE-proprietär sondern ganz normal im CSS-Standard: http://www.w3.org/TR/REC-CSS2/tables.html#borders.

Was Du wahrscheinlich suchst, ist border-collapse:separate und border-spacing:0px. Eventuell kannst du auch mal mit border:hidden experimentieren.

Aber..

<table>
<tr><td class='primary'>Aktuelles</td></tr>
<tr><td class='separate'> </td></tr>
<tr><td class='primary'>Sortiment</td></tr>
<tr><td>Handstrickwolle</td></tr>
<tr><td>Stickmaterial</td></tr>
<tr><td class='separate'> </td></tr>
<tr><td class='primary'>Sortiment</td></tr>
<tr><td>Handstrickwolle</td></tr>
<tr><td>Stickmaterial</td></tr>
</table>

..ich habe den Eindruck, daß Du bei Deinem "CSS von Anfang an" schon gleich beim ersten Schritt in die alte HTML-Schiene gestolpert bist.

Ich kenne zugegebenermaßen das Drumherum nicht, aber ganz bestimmt nicht im Sinne von sauberer HTML/CSS-Nutzung ist es, eine Tabellenzelle als Abstandhalter zu mißbrauchen.
Wenn man noch einen Schritt weitergehen möchte, könnte man sogar sagen, daß so ein Menü nichts mit tabellarischen Daten zu tun und somit auch nichts in einer Tabelle zu suchen hat.

Für Deine Konstruktion würde ich es mal mit Dingen wie <li> oder einfach <h1> bis <h6> und einfachen Textzeilen versuchen. Damit sollte sich so ein Menü ebenfalls herstellen lassen.

Und die Pixelangaben bei Tabellenbreite und Schriftgröße: ganz, ganz unschöner Stil, siehe auch http://forum.de.selfhtml.org/?m=44152&t=7966.

Gruß,
  soenk.e