So ein Rahmen schaut schon recht nett aus, ist einfach zu erstellen und hat relativ wenig "Gewicht", dieser Rahmen samt Inhalt hat unter 1 kByte.

Ein Rahmen mit abgerundeten Ecken.

Dazu brauchen Sie vier Eckgrafiken    und vier gerade Grafiken im Original 1 Pixel breit und 10 Pixel hoch. Diese geraden Grafiken werden im ImageTAG auf die benötigte Breite gedehnt. Der Tag für das Beispiel schaut so aus:
<img src="rand_unten.gif" width="100" height="10">

Unten der HTML-Code für das obige Beispiel.

<table border="0" cellspacing="0" cellpadding="0" align="center" background="../images/bgr-cell.gif" width="12">
<tr>
<td><img src="eck_oben_links.gif" width="10" height="10"></td>
<td><img src="rand_oben.gif" width="165" height="10"></td>
<td><img src="eck_oben_rechts.gif" width="10" height="10"></td>
</tr>
<tr>
<td><img src="rand_links.gif" width="10" height="120"></td>
<td valign="middle">
<p style="font-family:Arial,sans-serif; font-size:12px">
So ein Rahmen schaut schon recht nett aus, ist einfach zu erstellen und hat relativ wenig &quot;Gewicht&quot;, dieser Rahmen samt Inhalt hat unter 1 kByte.
</p>
</td>
<td><img src="rand_rechts.gif" width="10" height="120"></td>
</tr>
<tr>
<td><img src="eck_unten_links.gif" width="10" height="10"></td>
<td><img src="rand_unten.gif" width="165" height="10"></td>
<td><img src="eck_unten_rechts.gif" width="10" height="10"></td>
</tr>
</table>
Hier ist das ganze aufgesplittet: rot ist der Rahmen, mit gestreifter Hintergrundgrafik, weiters gibt´s 4 Eckgrafiken und 4 Randgrafiken, der innere Teil jeweils transparent.

Hier nochmals die Grafiken

    
         
    

Unten noch zwei weitere Beispiele

 

So ein Rahmen schaut schon recht nett aus, ist einfach zu erstellen und hat relativ wenig "Gewicht", dieser Rahmen samt Inhalt hat unter 1 kByte.