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
Hintergrundbild aus mehrern Bilder zusammen fügen
-
2000diablo -
6. Januar 2009 um 11:14
-
-
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??
-
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
Alles anzeigen<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;}
Bedenke, du guckst von hier oben:
o,0
bg4
bg3
bg2
bg1PS: no-repeat nicht vergessen...
PPS: So kann man divs auch mit wunderschönen runden Eckgrafiken versehen.