CSS /Hintergrundbild soll sich zu jeder Seite ändern - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS /Hintergrundbild soll sich zu jeder Seite ändern

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS /Hintergrundbild soll sich zu jeder Seite ändern

Pages: [1]

geschrieben von Barbossa am 27.09.2007 - 18:08

Hallo zusammen

Wer weis wie man es anstellt, das sich zu jedem neuer Seite ein neues Hintergrundbild angezeigt wird.

Derzeit habe ich ein CSS-Datei die mir auf allen Seiten immer das ein und das selbe Hintergrundbild anzeigt.

siehe derzeitige CSS-Zeile:

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; padding:0px; height:100%;
background-image:url(images/legionaer1.jpg);background-attachment:fixed;
background-repeat:no-repeat;background-position:90px 100% ;
background-color:#000;font-size: 100%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;}

Wer weis Rat dami auf 6 /sechs verschiedenen Seiten auch sechs verschiedene Bilder aufgerufen werden können.

Mit freundilchen Gruß

Willy

geschrieben von René am 27.09.2007 - 19:06

"6 /sechs verschiedenen Seiten" = 6x CSS-Dateien

geschrieben von Barbossa am 27.09.2007 - 19:13

Ja ist vollkommend richtig, sehe ich auch so.
Dacht nur ob es nicht noch eine einfacheren Weg gäbe.
Eventuell 6 Zeilen darunter mit Bildangabe aber dann ist es schon aus mit meinem Latein!

Schade! Werdens woll doch sechs Datein, ein Versuch wars aber wert mal nachzufragen!

Danke Renè

CU Barbossa

geschrieben von Danny am 27.09.2007 - 20:12

Wenn sich bis auf die Pfadangabe des Bildes die anderen CSS Attrubute nicht ändern, reicht es nur eine CSS Datei anzulegen in dem sich die oben genannten Attribute befinden und diese in allen 6 Dateien zu laden, allerdings die background-image Option jeweils immer zu "überschreiben".

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Seite 2</title>
    <link rel="stylesheet" type="text/css" href="default.css">
</head>
<body style="background-image:url('images/legionaer2.jpg')">

</body>
</head>

In der default.css stehen deine genannten CSS Angaben

geschrieben von Barbossa am 28.09.2007 - 00:27

Hey Danny

Mir fällt gerdade nichts besseres ein wie "Grandios, Großartig, Bombastisch"

Funktioniert super!

CU Barbossa