Ergebnis 1 bis 3 von 3

Thema: Hintergrundbild aus mehrern Bilder zusammen fügen

  1. #1
    2000diablo
    Gast

    Standard Hintergrundbild aus mehrern Bilder zusammen fügen

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundbild aus mehrern Bilder zusammen fügen

    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??
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  3. #3
    Meister(in)
    Registriert seit
    05.03.2006
    Alter
    29
    Beiträge
    432
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundbild aus mehrern Bilder zusammen fügen

    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-Code:
    <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
    bg1

    PS: no-repeat nicht vergessen...
    PPS: So kann man divs auch mit wunderschönen runden Eckgrafiken versehen.
    Geändert von FaFoo (06.01.2009 um 20:11 Uhr)

Ähnliche Themen

  1. hallo zusammen
    Von malteser im Forum Off Topic und Quasselbox
    Antworten: 7
    Letzter Beitrag: 05.05.2007, 13:15
  2. Bilder Nahtlos aneinander fügen
    Von Tyrael im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 01.05.2004, 23:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •