Punktierte Rahmen ohne CSS

Punktierte Tabellenrahmen ohne CSS unmöglich. Weit gefehlt. Ein einfacher Trick schafft Abhilfe!

Bei der Verwendung von CSS z.B. für punktierte Tabellenrahmen
müssen ältere Browser oftmals passen.
Um den gleichen Effekt in allen Browsern zu erreichen kann ein halbtransparentes
Gif eingesetzt werden.

Text

Der Effekt wird wie gesagt durch ein halbtransparentes Gif erreicht.
Bei diesem Gif ist ein Pixel transparent, das nächste wieder
farbig. Ein solches Gif können Sie mit fast jedem Grafikprogramm
erzeugen.

So sieht das ganze mit Fireworks aus

Halbtransparentes Gif mit Fireworks

Halbtransparentes Gif mit Fireworks

Das Halbtransparente Gif wird in den Hintergrund einer Tabellenzelle
gesetzt, und als Regler für den Höhenabstand wird zudem
noch ein transparentes Blindgif eingesetzt.

Text

<table width="100" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="17">Text</td><!-- Obere Zelle
-->
</tr>
<tr>
<td background="rahmen.gif" height="1"><img
src="../images/spacer.gif" width="1" height="1"></td>
</tr>
</table>

This entry was posted in HTML Tricks. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *