Tabellenrahmen mit Gif

Vielleicht ein wenig kitschig, aber dennoch ein kleiner Hingucker. Tabellenrahmen mit GIF.

Die Grundidee
ist es einfach einen Tabellenrahmen mit einem blinkenden, oder einfach
animierten Rahmen zu erstellen.
Grundlage des Effektes ist ein animiertes Gif, welches den Rahmen
stellt.

Einer Untergrundtabelle wird das animierte Gif als Hintergrund gegeben.
Dieser Tabelle wird eine zweite eingeschrieben, welche als Hintergrund
eine "normale" Farbe hat. Die innere Tabelle ist 1 Pixel
vom der anderen Tabelle getrennt. In diesem Zwischenraum blinkt
der Rahmen.

 

Der Code

<table width="100" border="0" cellspacing="1"
cellpadding="0" background="images/anim_tabellenrahmen.gif">
<tr>
<td>
<!– Innere Tabelle –>

<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td>Inhalt der inneren Tabelle</td>
</tr>
</table>
</td>
</tr>
</table>

Der Abstand, also die Dicke des Rahmens wird von dem Attribut cellspacing=""
gesteuert.

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

Leave a Reply

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