The Joomla! Forum ™



Forum rules


Forum Regels



Post new topic Reply to topic  [ 8 posts ] 
Author Message
 Post subject: css background image
PostPosted: Sun Aug 28, 2005 7:05 am 
User avatar
Joomla! Explorer
Joomla! Explorer

Joined: Wed Aug 24, 2005 6:06 pm
Posts: 255
Location: The Netherlands
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:
.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.

_________________
Wist je dat alle elektrische apparaten op rook werken?

Zodra de rook eruit is doen ze het niet meer!


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Sun Aug 28, 2005 7:19 am 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Sun Aug 21, 2005 6:33 pm
Posts: 72
Location: Netherlands
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:
.background {
   background-image: url(../images/background.jpg);


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Sun Aug 28, 2005 7:22 am 
User avatar
Joomla! Explorer
Joomla! Explorer

Joined: Wed Aug 24, 2005 6:06 pm
Posts: 255
Location: The Netherlands
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.

_________________
Wist je dat alle elektrische apparaten op rook werken?

Zodra de rook eruit is doen ze het niet meer!


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Sun Aug 28, 2005 7:30 am 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Sun Aug 21, 2005 6:33 pm
Posts: 72
Location: Netherlands
Ik ben blij dat ik heb kunnen helepen. Veel succes met je eerste site.


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Tue Jan 24, 2006 3:03 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Mon Jan 09, 2006 11:40 am
Posts: 14
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:
.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


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Tue Jan 24, 2006 3:21 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Sep 13, 2005 5:21 pm
Posts: 12
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.


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Tue Jan 24, 2006 3:31 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Fri Aug 26, 2005 12:14 pm
Posts: 222
Location: Belgium
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:
body {
   
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   background-image: url(../images/achtergrondafbeelding.gif);
   }

en niet een aparte aan te maken

_________________
New: Joomla! 1.5 Component Code Generator v0.8 : http://www.joomlafreak.be/joomla_compon ... generator/
Online Joomla! 1.5 CSS Guide http://www.joomlafreak.be/joomla_free_cssguide

"Joomla! is not a product, it's a project!" - Peter Russell


Top
 Profile  
 
 Post subject: Re: css background image
PostPosted: Tue Jan 24, 2006 3:45 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Mon Jan 09, 2006 11:40 am
Posts: 14
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:
#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!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 8 posts ] 



Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group