nicht angemeldet
Hallo nochmal,
Meine erste Antwort hier im Thread war ja ganz allgemein gehalten; sie enthielt aber noch einen Fehler. Gemeint war natürlich:
Für die erste Tabelle: margin-bottom:0;
Für die zweite Tabelle: margin-top:-1px;
^^^
Du, suit, schreibst:
Nicht mit HTML, sondern mit CSS.
Warum änderst du dann das HTML dafür? :)
OK, im ersten Online-Beispiel habe ich für die Tabellen noch Klassen verwendet, und habe somit auch das HTML verändert.
Gemäss Deinem Vorschlag könnte man es natürlich auch mit dem Adjacent Sibling Selector machen, siehe mein zweites Online-Beispiel. Im HTML stehen dann nur noch TABLE-Elemente ohne Klassen, im CSS der Adjacent Sibling Selector (SelfHTML: http://de.selfhtml.org/css/formate/zentrale.htm#elemente_weitere@title=Nachbar-Selektor) table + table.
Einverstanden, eine reine CSS-Lösung ist natürlich eleganter.
Die Vorteile von Klassen gegenüber Nachbar-Selektor:
- Funktioniert auch in MS Internet Explorer 6
- Das CSS wird nur auf die gewünschte(n) Tabelle(n) angewendet,
nicht auf alle Tabellen im ganzen Dokument.
Freundliche Grüsse, Thomas
Auge