Page 1 of 1

Images not showing from CSS

Posted: Mon Jan 25, 2010 3:55 pm
by Aron
Hello,

I am trying to convert my static html site into CMS ms, but I'm having a few problems. The images from my CSS file arent showing. I have tried to move them to another folder, but they still wont show.

This is my site as it should be: www.konghund.dk/old

And here's what it looks like when I have installed it as a template in CMSms: www.konghund.dk

Any idea why it's not showing the images?

Thanks in advance.

Re: Images not showing from CSS

Posted: Mon Jan 25, 2010 4:00 pm
by ironblaze94
Edit: You are declaring "#body" instead of "body" in the css

Re: Images not showing from CSS

Posted: Mon Jan 25, 2010 5:02 pm
by Aron
I was just trying something, and I added "#". I have removed this not, but that doesn't affect anything. Any other suggestions?

Re: Images not showing from CSS

Posted: Mon Jan 25, 2010 5:11 pm
by Rolf
Hello Aron

Do you have the {metadata} tag in the head of your html template?

Regards, Rolf

Re: Images not showing from CSS

Posted: Mon Jan 25, 2010 5:27 pm
by Dr.CSS
It doesn't look like it...

@Aron
One of the problems of moving a template to cmsms is that most flat file ones have the images in a root folder called images while it is best practice in cmsms to move all template images into a folder in uploads/ named after the template or site or ? and change the style sheets to reflect this like uploads/woof/image.jpg and any images you want to add to pages would go in uploads/images or even a new folder in uploads/images so you will become accustomed to how the system works...

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 8:29 pm
by Aron
Thank you for all the answers.

I have now done all you requested, but the pictures still doesn't show and I still have no idea why :-\

Any other suggestions? I hope I don't have to start all over with the site.

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 8:43 pm
by Jos
Uhm... I don't see any difference between the two sites ??

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 8:51 pm
by Aron
Sorry, I have only been checking in Google Chrome, where it won't show the background image. Sorry i didn't make this clear. The background was shown back when the site was static and it shows correctly in IE and Firefox.

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 8:59 pm
by Jos
I see it now :-\

Strange... Could it be the BG.png isn't right? I know of issues with jpg images which are in CMYK format...
The background image of news shows correct... Could you try with another image for the body background?

edit: forget this... it shows correct in chrome with the static site so something else is happening... I'll look further...  :-X

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 9:07 pm
by Aron
Tried with the dog image, but it still doesn't show.

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 9:14 pm
by Aron
Thanks for helping Jos. Meanwhile I am trying to add the newsbox, which works fine, but is there a way to define a max length or size of the newsbox, so that it stays inside the image?

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 9:18 pm
by Jos
It looks as if the body doesn't get a style at all in Chrome. Could it be there is some invisible character there. Could you try to give the background a color at the bottom of your stylesheet (so a new declaration)
Aron wrote: is there a way to define a max length or size of the newsbox, so that it stays inside the image?
give it

Code: Select all

overflow: hidden

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 9:24 pm
by Jos
Or could it be the wrapper perhaps... could you try make it transparent?

Re: Images not showing from CSS

Posted: Tue Jan 26, 2010 9:43 pm
by Jos
another possibility: the element is missing in your template

Re: Images not showing from CSS

Posted: Wed Jan 27, 2010 7:38 am
by Dr.CSS
Yes you are missing the <__html in both of them...

http://validator.w3.org/check?verbose=1 ... hund.dk%2F