abstand in Tabelle
lima-city → Forum → Die eigene Homepage → Grafikdesign
-
Das Problem ist folgendes, ich habe eine art Gästebuch und die daten sind alle in einer tabelle und ein Eintrag hat 2 Zeilen, die erste zeile hat 3zellen und die 2.zeile eine
ich möchte in css nach der 2.zeile einen abstand machen. aber wie mache ich den abstand:
<table>
-titel-------author-------datum
---------inhalt-------------------
abstand
-titel-------author-------datum
---------inhalt-------------------
abstand
-titel-------author-------datum
---------inhalt-------------------
</table>
Beitrag geändert: 14.8.2008 13:22:49 von speckuntu -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Mach einfach eine neue Zeile so
<Table> <tr> <td> titel </td> <td> <td> author </td> </tr> <tr> <td> inhalt <td> </tr> <tr> <td hight="abstandshöhe"> $npsb; </td> </tr> <tr> <td> titel </td> <td> <td> author </td> </tr> <tr> <td> inhalt <td> </tr> <tr> <td hight="abstandshöhe"> $npsb; </td> </tr> </table>
Beitrag geändert: 14.8.2008 15:19:12 von onlysteul -
Also ich hab das mal ausprobiert. Man kann zwar einen Innenabstand mit CSS machen, aber keinen Außenabstand. Nur der Innenabstand sieht nicht so gut aus, wenn man zum Beispiel den Rahmen angezeigt haben will. Deshalb könnte man einfach jeden Gästebucheintrag in eine Tabelle machen und der Tabelle eine Klasse geben. Wie das ganze dann Aussehn soll siehste hier:
<table border="1" class="abstand"> <tr> <th>Title</th> <th>Autor</th> <th>Datum</th> </tr> <tr><td>Inhalt</td> </table> <table border="1" class="abstand"> <tr> <th>Title</th> <th>Autor</th> <th>Datum</th> </tr> <tr><td colspan="3">Inhalt</td> </table> <table border="1" class="abstand"> <tr> <th>Title</th> <th>Autor</th> <th>Datum</th> </tr> <tr><td colspan="3">Inhalt</td> </table>
Im CSS dann ganz einfach:
table.abstand { margin-bottom: 20px; }
Somit hätteste zwar viele Tabellen, aber wenn das Gästebuch ja mit PHP oder so umgesetzt ist, dürfte das relativ einfach sein.
LG -
Mach einfach eine neue Zeile so
<Table> <tr> <td> titel </td> <td> <td> author </td> </tr> <tr> <td> inhalt <td> </tr> <tr> <td hight="abstandshöhe"> $npsb; </td> </tr> <tr> <td> titel </td> <td> <td> author </td> </tr> <tr> <td> inhalt <td> </tr> <tr> <td hight="abstandshöhe"> $npsb; </td> </tr> </table>
Beitrag geändert: 14.8.2008 15:19:12 von onlysteul
das geht nicht wenn ich den abstand nur auf 5px haben will weil er kleiner ist als eine normale zelle -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage