Sven Rautenberg: <TD <-?

Beitrag lesen

Moin!

Ich hab eine Tabelle...wie auf dem bild...und möchte einen rand um die untere Zelle, so das sie mit der oberen abschliesst...sprich border="1" nur geht das bei tabellen, und wie oder ob überhaupt bei einer Zelle weiss ich nicht.

Mit CSS kannst du problemlos einen einen oder mehrere Pixel breiten Rand außen an die einzelne Zelle setzen.

Allerdings: Nur außen dran.

Problem: Dein Bild ist X Pixel breit. Dann ist die Tabellenzelle, in der das Bild drin ist, auch X Pixel breit. Und die Zelle darunter ist ebenso X Pixel breit.

Wenn du jetzt "rundherum" um die untere Zelle einen 1px-Rahmen setzt, dann ist die Zelle _inklusive_ Rahmen genau zwei Pixel breiter - also auch zwei Pixel breiter, als deine Grafik in der oberen Zelle. Wirklich "glatt" ist das so nicht realisierbar.

Alternative: Ein Hintergrundbild der Breite X Pixel einbauen, welches links und rechts jeweils einen Pixel als "Rahmen" enthält, die Zelle dann zum Abstandhalten von diesem "Rahmen" mit etwas padding versehen, und nur den unteren Rahmen mit CSS formatieren.

- Sven Rautenberg

--
"Habe den Mut, dich deines eigenen Verstandes zu bedienen!" (Immanuel Kant)