(Solved)CSS body background image is ignored

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

(Solved)CSS body background image is ignored

Post by Dave59 »

Sorry but I am really stuck on this one. I have read and searched for the last two days.
This is my first try with CMSMS
I made my own template in CS5. All works well except!!!!
I loaded an image to images/theme/bagrdverlauf.jpg
in my CSS I added:
background: #D6D6D6 url(uploads/images/theme/bagrdverlauf.jpg) repeat-x scroll left top;
to my CSS under the body tag.
It accepts the colour but not the image.
In an attempt to find an answer:
I then changed this line to the NCleanBlue template CSS and the background image appeared.
I then loaded "and01" theme, made the same change, but no background image.

This code is from my CSS:
body {
font-size: 100.01%;
font-family: Arial, Helvetica, sans-serif;
color: #000;
       background:#D6D6D6 url(uploads/images/theme/bodyverlauf.jpg) repeat-x scroll left top;
}

This works in NCleanBlue
body {
/* default text for entire site */
font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
/* default text color for entire site */
color: #3A3A36;
/* you can set your own image and background color here */
background: #D6D6D6 url(uploads/images/theme/bodyverlauf.jpg) repeat-x scroll left top;
}
I then cut and pasted this in my CSS. It did not work. Color yes, image no!!!!
I only have this on my localhost Xampp 1.7.3

It must be really simple but I can't see it. Sorry
please can you help
Last edited by Dave59 on Mon Nov 29, 2010 9:55 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CSS body background image is ignored

Post by Dr.CSS »

Have you tried clicking the image in the folder in file manager to see the URL in the address bar to make sure you have the correct path, if it shows in one and not the other do you have the body call twice...

It's real hard to help w/o a link...
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: CSS body background image is ignored

Post by Wishbone »

Dave59 wrote: background: #D6D6D6 url(uploads/images/theme/bagrdverlauf.jpg) repeat-x scroll left top;
Remember that the URL is relative to the stylesheet, not the index.php. Are you using {stylesheet} or {cms_stylesheet} ? If using {cms_stylesheet}, use [[root_url]]/uploads/images/theme/bagrdverlauf.jpg
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: CSS body background image is ignored

Post by Dave59 »

Hi
Yes I checked the path and it worked in NCleanBlue css (http://localhost/websites/mueller/cms/u ... erlauf.jpg)
I loaded my CSS by pasting in the CSS module
I split my CSS into Skins, boxs, menu, text & structure.
As I am just starting this project all I have in skins is:

@charset "utf-8";
/* CSS Document */
/*hintergrund layout*/
html, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
   margin: 0;
   padding: 0;
   border: 0;
}

body {
margin: 0;
   padding: 0;
   border: 0;
font-size: 100.01%;
font-family: Arial, Helvetica, sans-serif;
color: #000;
       background:#DBDFE3 url(uploads/images/theme/bodyverlauf.jpg) repeat-x scroll left top;
}

None of the other css files reffer to the body tag.
I put all the decoration in skins.
I use this grooup of CSS files as a standard start point and plug in the bits I need
Boxs for example
@charset "utf-8";
/* CSS Document */

.box{float:left;}
.boxfull{
float:none;
clear: both;
width: 100%;
}
.box1of2{width:50%;}
.box1of3{width:33.33333%;}
.box1of5{width:20%;}
.box1of4{width:25%;}
.box2of3{width:66.66666%;}
.box2of5{width:40%;}
.box3of4{width:75%;}
.box3of5{width:60%;}
.box4of5{width:80%;}
.box950 {
margin-right: auto;
margin-left: auto;
width: 950px;
margin-top: 10px;
}
For quick lay out. I use a class and then add an ID ()

Text is just text
Structre sets margins, float left, frame, padding etc.
menu sets up the nav.

As this is only on localhost I can not give a link.
If you need a link I will set this up on my host.
I tried adding the background to my pagewrapper(the 950 box in this case) same result??
Thanks for the answer
very quick 8)
Dave
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: CSS body background image is ignored

Post by Dave59 »

Thanks.
I was using {cms_stylesheet}.
I have changed this to{stylesheet} in my template
No joy. So I changed it back.
Now I have obviously made a mistake as nothing works at all.
Need to start again and load my original files again. Lost the layout as well.
Dave
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

(solved)Re: CSS body background image is ignored

Post by Dave59 »

Thanks wishbone it was {cms_stylesheet} instead of {stylesheet}.
I spent hours looking for the solution.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: (Solved)CSS body background image is ignored

Post by Dr.CSS »

If you would have said that you were using the {cms_stylesheet} tag in the first post I would have told you it was missing the [[root_url]] thing, actually I would have told you to use (/uploads******* instead as that works just fine...

That's why more info is best...
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: (Solved)CSS body background image is ignored

Post by Wishbone »

Dr.CSS wrote: If you would have said that you were using the {cms_stylesheet} tag in the first post I would have told you it was missing the [[root_url]] thing
Don't worry.. You're still the CSS king. The {cms_stylesheet} was just a lucky guess on my part. ;)
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: (Solved)CSS body background image is ignored

Post by Dave59 »

Thanks for the really fast help.
I thought my mails were too long not too short.
The only option was too send the Template source code as well as I had not noticed this difference in the template codes I compared during my fault finding.
I was looking in the body and CSS.
Once again great support from you both. I have a lot to learn.
Dave
Post Reply

Return to “Layout and Design (CSS & HTML)”