Ergebnis 1 bis 6 von 6

Thema: Hintergrundbild über CSS ändern aber wie???

  1. #1
    HTML Newbie
    Registriert seit
    25.08.2008
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hintergrundbild über CSS ändern aber wie???

    Hallo,
    ich brauche mal dringend kompetente Hilfe bei meinem CSS. Ich habe im Moment 5 HTML-Seiten und alle Seiten haben das gleiche Hintergrundbild (bg_top.jpg). Das ganze ist über eine CSS gelöst.

    Nun ja, jetzt hätte ich gerne, dass auf jeder dieser 5 Seiten ein anderes Hintergrund Bild erscheint. (Diese wurden schon erstellt und liegen im Ordner "images") Kann mir von Euch jemand sagen wie ich da jetzt mein CSS anpassen muss, damit es mir auf jeder Seite ein anderes Hintergrundbild (z.B. bg1_top.jpg, bg2_top.jpg ect.) in den Hintergrund lädt?

    Ich hab mal versucht die Zeile aus dem Header einfach zu dem "Abschnitt unten" der jeweiligen Seiten zu kopieren und habe nur den Punkt "bg_top.jpg" abgeändert, aber das hat leider nicht funktioniert.

    Ich bin für jeden brauchbaren Tip dankbar! (nutze Dreamweaver aus CS3)

    Hier meine CSS:

    .tail-top{ width:100%; background:url(images/top.gif) repeat-x top}
    .tail-bottom{text-align:center; width:100%; background:url(images/bot.gif) repeat-x bottom }
    .right_bgd { position:absolute; top:0; right:0; width:50%; height:464px; background:url(images/top1.gif) left top repeat-x;}

    .col-1, .col-2, .col-3, .col-4{ float:left}
    /*======= width =======*/
    .main{margin:0 auto; text-align:left; width:980px; position:relative }


    /*======= header =======*/
    #header {height:464px; background:url(images/bg_top.jpg) no-repeat top center}


    /*======= index.html =======*/
    #page1 #content .col-1{ width:521px}
    #page1 #content .col-2{ width:362px}
    #page1 #content .col-3{ width:247px; border-right:1px solid #656761}
    #page1 #content .col-4{ width:224px; border-left:1px solid #656761; margin-left:-1px}
    /*======= index-1.html =======*/
    #page2 #content .col-1{ width:362px}
    #page2 #content .col-2{ width:521px}
    #page2 #content .col-3{ width:208px; margin-right:36px}
    #page2 #content .col-4{ width:218px}
    /*======= index-2.html =======*/
    #page3 #content .col-1{ width:521px}
    #page3 #content .col-2{ width:362px}
    #page3 #content .col-3{ width:247px; border-right:1px solid #656761}
    #page3 #content .col-4{ width:224px; border-left:1px solid #656761; margin-left:-1px}
    /*======= index-3.html =======*/
    #page4 #content .col-1{ width:362px}
    #page4 #content .col-2{ width:521px}
    #page4 #content .col-3{ width:187px; margin-right:31px}
    #page4 #content .col-4{ width:187px}
    /*======= index-5.html =======*/
    #page6 #content .col-1{ width:362px}
    #page6 #content .col-2{ width:521px}
    #page6 #content .col-3{ width:211px}
    #page6 #content .col-4{ width:205px}

    /*======= footer =======*/
    #footer { height:89px; }
    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
    Bandit
    Gast

    Standard AW: Hintergrundbild über CSS ändern aber wie???

    Zitat Zitat von siggihoelzl Beitrag anzeigen
    (nutze Dreamweaver aus CS3)
    Selbst schuld.

    Für jede Seite eine CSS-Angabe bzgl. Hintergrund erstellen und in den jeweiligen Seiten die richtige Angaben nutzen.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    25.08.2008
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundbild über CSS ändern aber wie???

    Na und wie muss das dann in meiner CSS aussehen??? Genauer bitte!

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundbild über CSS ändern aber wie???

    - du erstellst für jede seite ne eigene css-datei. in der steht dann nur des bild
    drin. dann bindest praktisch in jede seite 2 css-dateien ein - 1 für die seitenspezifischen
    dingen wie des bild, des andere für den rest

    - du machst des im quelltext selbst im body-tag
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Meister(in)
    Registriert seit
    10.01.2008
    Ort
    Passau/Ösiland
    Beiträge
    267
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundbild über CSS ändern aber wie???

    Hi,

    wenn du für jede Seite eine id vergibst, kannst du auch leicht jeder Seite ein anderes HG-Bild per CSS zuordnen:
    Code:
    <body id="startseite">
    <body id="kontaktseite">
    usw.
    koslowski

  6. #6
    j32
    Gast

    Standard AW: Hintergrundbild über CSS ändern aber wie???

    im css

    #startseite {background-image:url('./bildordner/deinbild.jpg'); }
    #kontaktseite {background-image:url('./bildordner/deinbild2.jpg');}

    im html teil dann so wie kolowski es bereits geschrieben hat.

    gruß

    J32

Ähnliche Themen

  1. Transparenter Hintergrund über Hintergrundbild?
    Von WGz im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.06.2008, 08:41
  2. Hintergrundbild einfügen per CSS, aber wo?
    Von Alienx im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 02.08.2007, 16:07
  3. HTML-Tabellen über Hintergrundbild erstellen
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.07.2007, 09:27
  4. Farben ändern aber wie
    Von andyhot im Forum Webanwendungen - Webapplikationen
    Antworten: 2
    Letzter Beitrag: 24.09.2006, 19:58
  5. Hintergrundfarbe ändern mit hintergrundbild
    Von peace89 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 18.07.2005, 16:18

Stichworte

Berechtigungen

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