Bilderrahmen

[Detlef G.]

Hallo Hauke

..., ich denke mit der Tabelle ist das am einfachsten,

eher am kompliziertesten

Du must die Rahmengrafik zerschneiden, in genau passende Seiten- und
Eckteile. Dann musst du diese in die Tabelle packen, dabei musst du noch
dafür sorgen, dass kein Abstand zwischen den Grafiken auftritt.

Für jedes einzelne Bild:

(HTML gekürzt diverse Attribute weggelassen)

<table>
      <tr>
        <td><img src="oben_links.gif"></td>
        <td><img src="oben.gif"></td>
        <td><img src="oben_rechts.gif"></td>
      </tr>
      <tr>
        <td><img src="links.gif"></td>
        <td><img src="Dein_Bild.gif"></td>
        <td><img src="rechts.gif"></td>
      </tr>
      <tr>
        <td><img src="unten_links.gif"></td>
        <td><img src="unten.gif"></td>
        <td><img src="unten_rechts.gif"></td>
      </tr>
    </table>

Ist das einfacher als:

für jedes Bild im HTML

<div class="bilderrahmen"><img src="Dein_Bild.gif"></div>

und einmal im CSS

div.bilderrahmen {
 width:290px;
 height:340px;
 padding:20px;
 background-image:url(rahmen.gif);
}

oder:

für jedes Bild im HTML

<img src="Dein_Bild.gif" class="rahmenbild">

und einmal im CSS

img.rahmenbild {
 padding:20px;
 background-image:url(rahmen.gif);
}

Auf Wiederlesen
Detlef