css background image

[edgarveen]

Ik ben bang dat ik de experts weer moet lastig vallen aangezien ik er zelf niet helemaal meer uitkom.
Ik wil een website logo als watermerk op de achtergrond hebben staan. Dus dat heb ik in de stylesheet aangegeven.

Code: Select all

.background {
	background-image: url(templates/Edgarv/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

Het volgende gebeurt, als ik de site normaal oproep zie ik niets op de achtergrond staan. Open ik in firefox de style sheet editor (CTRL-SHFT-E), tadaaaaa!!! het logo verschijnt wel? Snappen deed ik het allang niet meer, maar begrijpen nu helemaal niet. De site waar het om gaat iswww.salsaradio.nl/CMS
Ik hoop dat iemand ziet waar het fout gaat en mij dus kan helpen.

En even voor de goede orde, het logo wat nu is gebruikt is om te testen, het is niet het uiteindelijke watermerk.

[King7]

Je verwijzing naar de image is niet goed. Als ik in FF kijk bij Page Info, dan laat hij het plaatje niet zien en geeft hij dit op als URL:
http://salsaradio.nl/CMS/templates/Edga ... ground.jpg

Dus probeer het eens als volgt:

Code: Select all

.background {
	background-image: url(../images/background.jpg);

[edgarveen]

King, je bent geweldig. Bedankt, dat is de oplossing. Het was gisteren erg laat geworden en ik zag het niet meer. En ik raakte helemaal bij de weg kwijt toen het plaatje wel werd weergegeven in edit mode... maar bedankt voor de zeer snelle reactie, ik kan weer vooruit.

[King7]

Ik ben blij dat ik heb kunnen helepen. Veel succes met je eerste site.

[mbruijn]

Ik heb precies bovenstaand probleem en ik krijg het met geen mogelijkheid opgelost. ook niet met de genoemde oplossing.
Ik heb de tags toegevoegd in mijn css bestand

Code: Select all

.background {
background-image: url(../images/background.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

Het bestand background.gif staat in de map images van mijn templates map en ik heb hem zelfs ook nog in de images map van de root staan.

De css is goed gelinkt en in de template code staat nergens een bg tag die de css zou kunnen overrulen.
Weet iemand hier raad mee?

De website is http://www.iuventus.nl

BVD Marc

[janvanaar]

Er zijn ook eisen voor de volgorde van tags in style sheets. Ik zie dat je de code voor de achtergrond helemaal aan het einde van het style sheet hebt opgenomen. Dat lijkt niet logisch. Misschien moet je deze code in het begin zetten.

[OSFreak]

Het meest logische lijkt mij als je een afbeelding wil gebruiken als achtergrond is het te plaatsen in de body tag (normaal gezien helemaal bovenaan in je css)

Code: Select all

body {
	
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-image: url(../images/achtergrondafbeelding.gif);
	}

en niet een aparte aan te maken

[mbruijn]

De tip die jan gaf, zorgde helaas voor geen oplossing en de hint van OSFreak was ook niet de juiste, maar duwde me wel in de juiste richting.
Als ik de background tag toevoeg aan de body tag, dan herhaalt de stylesheet in elke tabel/cel/module de opdracht waardoor je een wirwar van achtergrondplaatjes krijgt.

Hierdoor ging er bij mij een lichtje branden en ben ik op zoek gegaan naar de tag die de opmaak van het "main"vlak verzorgd. Hier heb ik de juiste tags aan toegevoegd en voila, met resultaat.

Dit is toegevoegd:

Code: Select all

#content_main {
	position:static;
	float:left;
	width:510px;
	height:auto;
         background-image: url(../images/background.gif);
         background-repeat: no-repeat;
         background-position: center center;
         background-attachment: fixed;
}

Het resultaat is te zien. Dank u allen!