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
(Solved)CSS body background image is ignored
(Solved)CSS body background image is ignored
Last edited by Dave59 on Mon Nov 29, 2010 9:55 pm, edited 1 time in total.
Re: CSS body background image is ignored
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...
It's real hard to help w/o a link...
Re: CSS body background image is ignored
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.jpgDave59 wrote: background: #D6D6D6 url(uploads/images/theme/bagrdverlauf.jpg) repeat-x scroll left top;
Re: CSS body background image is ignored
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
Dave
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

Dave
Re: CSS body background image is ignored
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
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
(solved)Re: CSS body background image is ignored
Thanks wishbone it was {cms_stylesheet} instead of {stylesheet}.
I spent hours looking for the solution.
I spent hours looking for the solution.
Re: (Solved)CSS body background image is ignored
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...
That's why more info is best...
Re: (Solved)CSS body background image is ignored
Don't worry.. You're still the CSS king. The {cms_stylesheet} was just a lucky guess on my part.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

Re: (Solved)CSS body background image is ignored
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
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