Images not showing from CSS

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
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Images not showing from CSS

Post 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.
ironblaze94

Re: Images not showing from CSS

Post by ironblaze94 »

Edit: You are declaring "#body" instead of "body" in the css
Last edited by ironblaze94 on Mon Jan 25, 2010 4:08 pm, edited 1 time in total.
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Re: Images not showing from CSS

Post by Aron »

I was just trying something, and I added "#". I have removed this not, but that doesn't affect anything. Any other suggestions?
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: Images not showing from CSS

Post by Rolf »

Hello Aron

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

Regards, Rolf
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Images not showing from CSS

Post 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...
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Re: Images not showing from CSS

Post 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.
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm

Re: Images not showing from CSS

Post by Jos »

Uhm... I don't see any difference between the two sites ??
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Re: Images not showing from CSS

Post 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.
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm

Re: Images not showing from CSS

Post 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
Last edited by Jos on Tue Jan 26, 2010 9:06 pm, edited 1 time in total.
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Re: Images not showing from CSS

Post by Aron »

Tried with the dog image, but it still doesn't show.
Aron
New Member
New Member
Posts: 6
Joined: Mon Jan 25, 2010 3:49 pm

Re: Images not showing from CSS

Post 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?
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm

Re: Images not showing from CSS

Post 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
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm

Re: Images not showing from CSS

Post by Jos »

Or could it be the wrapper perhaps... could you try make it transparent?
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm

Re: Images not showing from CSS

Post by Jos »

another possibility: the element is missing in your template
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Images not showing from CSS

Post by Dr.CSS »

Yes you are missing the <__html in both of them...

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

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