2 Bilder überlagern oder bessere Idee?

[Mr.Postman]

Hier mal eine Skizze meiner Idee
http://img81.imageshack.us/img81/8800/style9tn.jpg

Ich würde gern diesen Schatten um meine Bilder haben. Ein Kollege meinte man könnte es mit einer Tabelle versuchen. Den Schatten als Hintergrundbild festlegen und das Bild dann genau darüber platzieren. Gibts sonst noch Möglichkeiten, welche vielleicht auch einfach umzusetzen sind. Mein Kenntnisse beschränken sich im moment nur auf HTML. :)

[mofa84]

am einfachsten wär's natürlich jedes Bild mit nem Schatten auszustatten...

[Mr.Postman]

Das soll allerdings nur die Notlösung bleiben. Ich habe über 15 Bilder bearbeitet, wenn ich das nochmal machen müsste nur wegen dem Schatten, dann sitze ich nochmal ein ganzes Weilchen dran. :(

[mofa84]

naja, das ging doch schnell, evtl. sogar per Batch.

Was mir sonst noch einfällt: Das Bild in eine Tabelle packen, und in die Zellen außenrum den jeweiligen Schatten.

[Mr.Postman]

Der Rahmen ist kein Problem, wie man Stapelverarbeitung durchführt weiss ich. :)
Mit Bilder bearbeitet meine ich = entrauscht, gecroppt, Farben und Kontraste angepasst, nachgeschärft usw., das hat schon ein Weilchen in Anspruch genommen
Wenn ich jetzt einen Schatten drumherum bastele, müsste ich die Originalfiles noch mal neu bearbeiten, denn die fertigen Bilder werd ich nicht nochmal neu komprimieren.

Ich werd es erstmal lassen, im Moment erscheint mir die Lösung des Problems zu zeitaufwändig.

[mofa84]

also das mit der Tabelle ist einfach, wenn alle Dateien die gleiche Auflösung haben.

[Mark]

auch wenn nicht, isses egal. denn die "schatten-textur" muss ja nicht die richtige größe haben. der hintergrund einer tabelle wiederholt sich ja

[mofa84]

auch wenn nicht, isses egal. denn die "schatten-textur" muss ja nicht die richtige größe haben. der hintergrund einer tabelle wiederholt sich jaist schon zu lang her, weiß nicht mehr ob man einer Zelle nen Hintergrund zuweisen kann.

[huha]

ist schon zu lang her, weiß nicht mehr ob man einer Zelle nen Hintergrund zuweisen kann.

Kann man:


In separater CSS-Datei...

td.linksoben { background-image: url('linksoben.png');
background-repeat: no-repeat;
background-position: bottom right; }

td.linksunten { background-image: url('linksunten.png');
background-repeat: no-repeat;
background-position: top right; }

td.rechtsoben { background-image: url('rechtsoben.png');
background-repeat: no-repeat;
background-position: bottom left; }

td.rechtsunten { background-image: url('rechtsunten.png');
background-repeat: no-repeat;
background-position: top left; }

td.links { background-image: url('links.png');
background-repeat: repeat-y;
background-position: right; }

td.rechts { background-image: url('rechts.png');
background-repeat: repeat-y;
background-position: left; }

td.oben { background-image: url('oben.png');
background-repeat: repeat-x;
background-position: bottom; }

td.unten { background-image: url('unten.png');
background-repeat: repeat-x;
background-position: top; }





Dann nur noch in deine HTML-Datei reinschreiben...



<table>
<tr>
<td class="linksoben">&nbsp;</td>
<td class="oben">&nbsp;</td>
<td class="rechtsoben">&nbsp;</td>
</tr>
<tr>
<td class="links">&nbsp;</td>
<td><img src="bild.jpg"></td>
<td class="rechts">&nbsp;</td>
</tr>
<tr>
<td class="linksunten">&nbsp;</td>
<td class="unten">&nbsp;</td>
<td class="rechtsunten">&nbsp;</td>
</tr>

</table>




Ist zwar ungetestet, müßte aber so tun. Probleme könnte eventuell nur der Abstand der Tabellenzellen zueinander verschaffen, das habe ich aber nicht getestet.


edit: gerade vergessen: da gehören noch Höhen- respektive Breitenangaben rein. Wenn du mir die Breite deiner Schattengraphiken sagst, dann änder' ich's dir entsprechend um. Die Ecken müssen in beide Dimensionen (x und y) definiert sein, die Kanten nur in x (links, rechts) bzw. y (oben, unten), so können sie sich dann ausdehnen.

-huha