Hintergrundbild aus mehrern Bilder zusammen fügen

2000diablo

Hallo

Ich möchte gern das Hintergrundbild auf meiner Page aus 3 oder 4 verschiedenen Bildern zusammenfügen.
Diese möchte ich dann gern verschieben können, damit ich diese an die richtige Position rücken kann.
Wie sieht so ein Script aus? Bzw wo finde ich das?

lg

yeti66

Mit dem Hintergrund über den body-tag wird das nichts werden. Hier kannst Du nur mit CSS und der Layertechnik die Bilder positionieren und zum Schluss den Layer mit der eigentlichen HP darüberlegen. Mit einer entsprechenden Verschachtelung und Positionierung - kein Problem. Was Du mit dem verschieben meinst ist mir nicht ganz klar - soll es in Richtung flexibles Layout gehen??

FaFoo

Du kannst drei/vier Divs mit gleichen Abmessungen verschachteln. Denen kannst du dann drei/vier verschiedene Hintergründe zuweisen und diese mit background-position positionieren, entweder per top|right|left|bottom oder mit genauen Pixelangaben.

guckst du hier:

HTML

<div id="bg1">
    <div id="bg2">
        <div id="bg3">
            <div id="4"></div>
        </div>
    </div>
</div>


#bg1 {background:url(ich.jpg) top left;}
#bg2 {background:url(bin.jpg) top right;}
#bg3 {background:url(ein.jpg) bottom right;}
#bg4 {background:url(bg.jpg) bottom left;}

Alles anzeigen

Bedenke, du guckst von hier oben:
o,0
bg4
bg3
bg2
bg1

PS: no-repeat nicht vergessen...
PPS: So kann man divs auch mit wunderschönen runden Eckgrafiken versehen.

Tags