Umrandung mit HTML

**sakura**

Du musst Dein JPEG in 8 einzelne Bilder zerteilen (4 Ecken, 4 Seiten). Zusätzlich benötigst Du ein sogenanntes Blind-GIF. Das ist ein GIF Image der Größe 1x1, welches transparent ist. (Download

http://www.gatenetwork.com/images/0.gif) Dann nutze folgendes HTML Basis-Layout.

In diesem Beispiel bin ich davon ausgegangen, das der Rahmen überall 10 Pixel breit ist und die Bilder alle im /images Verzeichnis liegen. Dein HTML Code kommt in den rot markierten Bereich.

markieren

Code:

			...

<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0" marginwidth="0" marginheight="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

  <tr>

    <td background="/images/topleft.jpg" width="10">[img]/images/0.gif[/img]</td>

    <td background="/images/top.jpg" width="100%">[img]/images/0.gif[/img]</td>

    <td background="/images/topright.jpg" width="10">[img]/images/0.gif[/img]</td>

  </tr>

  <tr>

    <td background="/images/left.jpg">[img]/images/0.gif[/img]</td>

    <td>[color=#ff0019][/color]</td>

    <td background="/images/right.jpg">[img]/images/0.gif[/img]</td>

  </tr>

  <tr>

    <td background="/images/bottomleft.jpg">[img]/images/0.gif[/img]</td>

    <td background="/images/bottom.jpg">[img]/images/0.gif[/img]</td>

    <td background="/images/bottomright.jpg">[img]/images/0.gif[/img]</td>

  </tr>

</table>

</body>

Umrandung mit HTML

Forumregeln