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>

Bookmark setzen... These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Bloglines
  • MisterWong
  • MySpace
  • Reddit
  • SEOigg
  • Technorati
  • TwitThis
  • Y!GG
  • Google Bookmarks

Weiterführende Links: