[an error occurred while processing this directive]

Neu: Inspirationen für Webdesigner

Entdecken Sie die schönsten Seiten im Netz

Hier klicken und mehr erfahren

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 29.11.21, 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:

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>


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 29.11.2021
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt