Ergebnis 1 bis 2 von 2

Thema: Bilder als hintergrund einstufen(HTML)

  1. #1
    Gast
    Gast

    Standard Bilder als hintergrund einstufen(HTML)

    Hi. Ich hoffe ihr könnt mir helfen. Ich mache gerade eine homepage. dafür möchte ich einen hintergrund damit die seite auf allen bildschirmgrößen gleich aussieht und sich lediglich der background annpasst. Ich habe 4 ecken und 4 seiten slices gemacht, weis aber nicht wie ich diese dann als background einstufen kann.
    plz help!
    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
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    html:
    Code:
    <div id="linksoben">
    </div>
    <div id=obenrand>
    </div>
    <div id="rechtsoben">
    </div>
    <div class="clear">
    </div>
    <div id="main">
    bla lahas alsfa,s fasfnba sfafnsa faknfa, f.afa f.afa fa. fa f 
    
    
    
    
    
    </div>
    <div class="clear">
    </div>
    <div id="linksunten">
    </div>
    <div id="untenrand">
    </div>
    <div id="rechtsunten">
    </div>
    css:
    Code:
    body &#123;
    margin&#58; 0;
    padding&#58;0;
    &#125;
    #linksoben, #obenrand, #rechtsoben, #linkssunten, #untenrand, #rechtsunten &#123;
    float&#58; left;
    &#125;
    
    #linksoben &#123;
    /*exakte höhe und breite deines bildes der oberen linken ecke */
    width&#58; Xpx;
    height&#58; Xpx;
    background&#58;url&#40;'bild_von_ecke_links_oben'&#41; no-repeat;
    &#125;
    
    #oben rand &#123;
    /*gewünschte breite deiner page in % &#40;dadurch variabel&#41; */
    width&#58; X%; 
    /*exakte höhe deines bildes des oberen randes*/
    height&#58; Xpx;
    background&#58;url&#40;'bild_rand_oben.jpg'&#41; repeat-x;
    &#125;
    #rechtsoben &#123;
    /*siehe linksoben*/
    &#125;
    .clear &#123;
    clear&#58;both;
    &#125;
    #main &#123;
    float&#58; left;
    /*gesamtbreite deiner page in %*/
    width&#58; X%;
    /*keine höhe, dadurch Variable je nach inhalt*/
    border-left&#58;url&#40;'bild_vom_linken_rand.jpg'&#41; repeat-y;
    border-right&#58;url&#40;'bild_vom_rechten_rand.jpg'&#41; repeat-y;
    &#125;
    #linksunten &#123;
    /*siehe linksoben*/
    &#125;
    #untenrand &#123;
    /*siehe obenrand*/
    &#125;
    #rechtsunten &#123;
    /*siehe rechstoben*/
    &#125;
    Das ist jetzt aus der Kalten und ungetestet. Hoffe es hilft trotzdem.
    Gruß,
    Jojo

Ähnliche Themen

  1. 2 bilder in hintergrund mit css!
    Von css-noob im Forum Script-Archiv
    Antworten: 6
    Letzter Beitrag: 08.09.2007, 10:48
  2. Auf Bilder schreiben, Bild in den Hintergrund setzen
    Von operator im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.07.2007, 18:38
  3. Hintergrund HTML
    Von binbeiladen im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.08.2006, 15:56
  4. 2 Bilder im Hintergrund sollen sich an Auflösung anpassen
    Von Florian im Forum HTML & CSS Forum
    Antworten: 27
    Letzter Beitrag: 06.12.2005, 08:20
  5. Eigene Bilder als Hintergrund
    Von celinchen im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 21.11.2005, 19:22

Stichworte

Berechtigungen

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