TheAngel: "Schattierung" um bilder herum

Hallo,

ich möchte bilder mit einer Schattierung nach allen Seiten anzeigen lassen, die in etwa so aussieht:

http://theangel.funpic.de/schatten.gif

(Der Hintergrund ist grau, und in die weiße fläche kommt das Bild).

Das Problem ist, dass diese Bilder verschiedene Formate haben können, und von einem ottonormalverbraucher hochgeladen werden sollen, ich kann den Ramen also nicht einfach in die Bilddatein reinmalen (es sei denn soetwas geht mit PHP - die Bilder werden sowiso per PHP verkleinert, nur wie man praktisch einen ramen um das original-Bild rum setzt hab ich keine ahnung.).

Ist es möglich einen solchen ramen (der zB aus 4 Umrandungen die nach außen immer heller werden) per CSS um eine Grafikdatei herum anzeigen zu lassen?

Danke im Voraus, TheAngel

  1. Hallo Angel!

    ich möchte bilder mit einer Schattierung nach allen Seiten anzeigen lassen, die in etwa so aussieht:

    http://theangel.funpic.de/schatten.gif
    (Der Hintergrund ist grau, und in die weiße fläche kommt das Bild).

    Das Problem ist, dass diese Bilder verschiedene Formate haben können, und von einem ottonormalverbraucher hochgeladen werden sollen, ich kann den Ramen also nicht einfach in die Bilddatein reinmalen (es sei denn soetwas geht mit PHP - die Bilder werden sowiso per PHP verkleinert, nur wie man praktisch einen ramen um das original-Bild rum setzt hab ich keine ahnung.).

    Ich kann nicht sagen, ob das eine gute Lösung ist, aber gesehen hab ich sie schon oft:
    lo.gif| mo.gif |ro.gif
    ------+--------+------
          |        |
    lm.gif|bild.jpg|rm.gif
          |        |
    ------+--------+------
    lu.gif| mu.gif |ru.gif

    Es gibt eine blinde Tabelle mit dem Bild in der Mitte.
    Rindherum wird eine Rahmen bestehend aus 4 Ecken und 4 Rahmenteilen angeordnet. Die Längen beziehungsweise die Höhen der Rahmenteile müssen der Bild-Höhe beziehungsweise der Bild-Breite entsprechen.

    Da gibt es aber noch viele ander Möglichkeiten.

    Viele Grüße

    H-P Ortner

    1. Hallo H-P,

      Die Längen beziehungsweise die Höhen der Rahmenteile müssen der Bild-Höhe beziehungsweise der Bild-Breite entsprechen.

      Da gibt es aber noch viele ander Möglichkeiten.

      In der Tat, flexiblere Möglichkeiten sowohl mit als auch ohne Tabellen:

      http://www.sprachlernspiele.de/engel/
      http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm

      Gruß Gernot