(Stand: 23.12.24, Adresse: http://www.grammiweb.de/html/html041.shtml)
Haarlinien ohne CSS
So nützlich CSS auch sein mag, die sicherste Möglichkeit der Layoutgestaltung stellt es garantiert nicht dar. Auch ohne CSS können wirkungsvolle Effekte realisiert werden, in diesem Beispiel zeigen wir Ihnen, wie Sie eine Haarlinie um eine Tabelle ziehen können.
Der Trick liegt darin, eine Tabelle zu erstellen, ihr eine Hintergrundfarbe zuzuweisen, und in ihr eine neue Tabelle anzulegen, deren Zellenfarbe dem von der Hintergrundfarbe ihrer "Muttertabelle" abweicht.
Wird nun der "Tochertabelle" ein Abstand zum nächsten Element von 1 Pixel zugewiesen, wird ein Rahmen von einem Pixel Breite bzw. Höhe um sie angezeigt, mit eben der Farbe, die der Muttertabelle gegeben wurde.
Beispiel:
|
Quellcode:
<div
align="center"><center><table border="0"
cellpadding="0" cellspacing="0" bgcolor="#000080">
<tr>
<td>
<table border="0"
cellpadding="2" cellspacing="1">
<tr>
<td bgcolor="#FFFFFF">INHALT</td>
</tr>
</table>
</td>
</tr>
</table>
</center></div>
© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 23.12.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt