Bilderrahmen

[Hauke]

Hallo Leute.

Ich habe eine Frage. Gibt es eine relativ einfache Möglichkeit, um ein Bild einen Bilderrahmen einzufügen? Also sowas wie border="test.jpg"? Das wäre optimal wenn sowas geht :-)
Wenn nicht, gibt es vielleicht eine andere Möglichkeit, wie zum Beispiel ein größeres Bild (Hintergrund mit Rahmen) und darauf zentriert ein kleineres Bild, so das der Hintergrund wie der Rahmen des Bildes wirkt? Die Bilder, die einen Rahmen bekommen sollen, sind alle gleich groß, daher würde das mit zwei Layers funktionieren.

Hat da jemand eine Idee?
Mfg
Hauke

[Mr. Java]

Ich mach das immer mit ner tabelle, wie etwa so:

obere Rahmenbilder
                     ________________________
 l. Rahmenbilder >->|                        |<-<r. Rahmenbilder
                    |         BILD           |
                    |         BILD           |
                    |         BILD           |
                     ________________________
                     ^
                     untere Rahmenbilder

dazu muss man nur eben rahmenbilder haben, wie ne säule oder so...

[Hauke]

Hallo

Vielen Dank, das war ja super ... :-) Jetzt kann ich das mal probieren, ich denke mit der Tabelle ist das am einfachsten, aber am elegantesten wohl mit den containern.
Aber ich danke euch allen. Das ist echt wahnsinn, wie schnell man hier eine Antwort auf seine Probleme bekommt. Ich möchte auch mal helfen, nur ich kann meistens nicht schnell genug schreiben, dann ist schon eine Antwort da *g*

Liebe Grüße aus Bremen

[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

[Ingo Turski]

Hi,

ich denke mit der Tabelle ist das am einfachsten

Nein - wie Detlef schon sagte.
Eine solche Lösung macht nur Sinn bei Textinhalten, die unterschiedlichen Raum einnehmen können. Du hast aber ein Bild mit einer festen Größe.

freundliche Grüße
Ingo

[Dieter Raber]

Hallo Hauke,

Mach einfach einen <div>-Container ind der Groesse des Rahmens, nimm den Rahmen als Hintergrund, Dein Bild setzt Du mit <img> ein. Die Positionierung machst Du mit margin des Bildes.

Gruß,

Dieter

[Cybaer]

Hi,

Die Bilder, die einen Rahmen bekommen sollen, sind alle gleich groß, daher würde das mit zwei Layers funktionieren.

Und was hält Dich davon ab?

Alternativ: DIV ums IMG und dem dann ein Hintergrundbild geben.

Gruß, Cybaer

[Rouven]

Hallo Hauke:
schau mal auf www.comspirit.com (Referenzen). Dort werden Bilder automatisch gerahmt. funktioniert über stylesheet border:1px. Das Style-Sheet liegt auf www.comspirit.com/style.css