Hallo,
ich möchte 2 Bilder per CSS übereinander legen, d.h. ein Thumbnail und in der rechten unteren Ecke z.B. eine Lupe. Allerdings ist die Position des Bilder nicht vorher bestimmbar, d.h. ich kann mit top: oder left: (bzw. festen Werten) nicht arbeiten.
Wie kann ich es bewerkstelligen, dass, egal wo auf der Seite ein Bild vorkommt, immer in der rechten unteren Ecke die Lupe über dem Bild zu sehen ist?
Danke schon mal für eure Tipps!
Thuranga
Nicht, dass das in diesem Falle einfach zu handhaben wäre, aber Du kannst die Position relativ zur eigentlichen Position bestimmen.
Ein der Probleme dabei ist, dass wenigstens die beiden Bilder immer eine definierte Lage zueinander haben müssen. Wenn Du z.B. beide Bilder (Lupe und Thumbnail) immer direkt hintereinander definierst und die auch nebeneinander angezeigt werden (ein Zeilenumbruch könnte das zunichte machen), dann kannst Du das Lupenbild um seine eigene Breite seitlich verschieben. Damit kommt es auf dem Thumbnail zu liegen. Gleiches ginge bei rechts- oder linksbündiger Ausrichtung, wenn man die beiden Bilder direkt übereinander platziert, also mit einem BR dazwischen. Dann müsste man die Lupe vertikal verschieben.
Nachteil bei diesen Verschiebungen ist, dass der Seitenaufbau sich trozdem an der originalen Position orientiert. Das ist ein bisschen blöd.
Klingt alles recht aufwendig, muss ich sagen. Es gibt vielleicht noch bessere Möglichkeiten, aber das ist alles, was mir hier einfällt. Anleitungen zum Thema gibt´s wie immer bei SelfHTML:
http://de.selfhtml.org/css/eigenschaften/positionier…
Kristian
Hallo,
Thumbnail und in der rechten unteren Ecke z.B. eine Lupe.
Warum nicht gleich die Thumbnails mit der Lupe drin erstellen? Wenn man sie sonst nirgends verwendet bleibt sich der Speicherplatz am Server etwa gleich und man muß nicht „tricksen“.
Das Erstellen selbst kann sicher ein Uploadscript nebenbei auch noch machen, wenn es nicht schon vor dem Upload möglich ist.
Cu Rene