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; }