HTML Tabelle mit punktierten Linien

Tutorials
Tutorials

von Fries Websolutions

Eine Tabelle lässt sich auf vielfältiger Weise umrahmen und mit Linien verzieren, das lässt sich am besten mit einer Grafik herstellen, wie zum Beispiel, wirken sie modern und unaufdringlich in, feine, punktierte Linien.

Man braucht nicht für jede Tabelle eine separate Grafik zeichnen, deshalb bauen wir sie als Hintergrund in eine Zelle ein und unser Browser wird dann die punktierte Linie, in der Breite und in der Tabelle anpassen.

 
 

 
 

 
 

Dabei müssen wir beachten, dass keine geschützten Leerzeichen oder andere Inhalte in dieser Zelle stecken, denn sonst klappt es nicht. Doch hier ist leider eine gewisse Tücke, denn manche Browser neigen dazu, diese Zelle dann lieber erst gar nicht anzuzeigen, eigentlich macht es ja auch Sinn, denn es gibt ja nichts anzuzeigen

Wieder einmal helfen uns, ein “Blind GIF”, das ist eine winzige, unsichtbaren Grafik für die leere Zelle, dabei müssen wir ihre Maße, auf 1*1 Pixel setzen.Wie hier zum Beispiel:.

<table width="300" border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="#FFFF00">&nbsp;</td></tr><tr>

<!-- Zelle mit Hintergrundbild -->
<td background="images/linie.gif">

<!-- BlindGIF -->
<img src="images/blind.gif" width="1" height="1">

</td></tr><tr><td bgcolor="#FFFFCC">&nbsp;</td></tr></table>


Das klappt mit allen modernen Browsern und auch sogar mit Netscape 4.

Be the first to comment

Leave a Reply

Your email address will not be published.


*