style per pagina veranderen

[Thomaszz85]

Beste iedereen.

Ik heb op www.KasteelvanMesen.com allemaal pagina's in dezelfde stijl. Maar ik wil per pagina de achtergrond veranderen. Niet de hele lay-out, maar ipv achtergrond1.jpg wil ik achtergrond2.jpg enz. Ik merk dat als je het op één pagina veranderd, dat ze allemaal veranderen. Wat kan ik 't beste doen?

Bedankt!

:thumb:

 

[Naarling]

Iedere pagina heeft z'n eigen ID gekregen, je kunt in de CSS dus iets als volgts zetten.

#page2 #content{
background-attachment: scroll;
background-repeat: no-repeat;
background-image: url("http://www.kasteelvanmesen.com/images/content-p2-bg.jpg");
background-position: 50% -1px;
background-color: #ffffff;
width: 100%;
}

Daarmee wordt dan alleen de achtergrond van de pagina met id="page2" bepaald.

Even terzijde, het hoofdmenu werkt niet goed op bredere schermen, hoe breder het scherm hoe meer ervan links van de achtergrond afglijdt. Met position:relative; en top:75px; blijft hij wel goed staan.

 

[Thomaszz85]

aha

Hoi! Bedankt voor je reactie!

Dat volgde ik maar net. :shocked:
Zou jij die schermbreedte aan kunnen passen mbv mijn style.css (in de bijlage in txt format)?

En zou je dat met de stijlen nog eens zo willen uitleggen alsof ik heel dom ben?

 

[Naarling]

#header .nav {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	position:absolute;
	top:212px;
	width:993px;
	left: -3px;
	height: 23px;
}

Veranderen in

#header .nav {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	position:[B]relative[/B];
	top:[B]75px[/B];
	width:993px;
	left: -3px;
	height: 23px;
}

Zou moeten werken.