css background image

Moderator: pe7er

Forum rules
Forum Regels
User avatar
edgarveen
Joomla! Explorer
Joomla! Explorer
Posts: 255
Joined: Wed Aug 24, 2005 6:06 pm
Location: The Netherlands

css background image

Postby edgarveen » Sun Aug 28, 2005 7:05 am

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.
Wist je dat alle elektrische apparaten op rook werken?

Zodra de rook eruit is doen ze het niet meer!

User avatar
King7
Joomla! Intern
Joomla! Intern
Posts: 72
Joined: Sun Aug 21, 2005 6:33 pm
Location: Netherlands

Re: css background image

Postby King7 » Sun Aug 28, 2005 7:19 am

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

User avatar
edgarveen
Joomla! Explorer
Joomla! Explorer
Posts: 255
Joined: Wed Aug 24, 2005 6:06 pm
Location: The Netherlands

Re: css background image

Postby edgarveen » Sun Aug 28, 2005 7:22 am

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!

User avatar
King7
Joomla! Intern
Joomla! Intern
Posts: 72
Joined: Sun Aug 21, 2005 6:33 pm
Location: Netherlands

Re: css background image

Postby King7 » Sun Aug 28, 2005 7:30 am

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

mbruijn
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Mon Jan 09, 2006 11:40 am

Re: css background image

Postby mbruijn » Tue Jan 24, 2006 3:03 pm

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

Re: css background image

Postby janvanaar » Tue Jan 24, 2006 3:21 pm

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.

User avatar
OSFreak
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 222
Joined: Fri Aug 26, 2005 12:14 pm
Location: Belgium
Contact:

Re: css background image

Postby OSFreak » Tue Jan 24, 2006 3:31 pm

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

mbruijn
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Mon Jan 09, 2006 11:40 am

Re: css background image

Postby mbruijn » Tue Jan 24, 2006 3:45 pm

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!


Return to “Templates 1.0.x”

Who is online

Users browsing this forum: No registered users and 1 guest