HTML Tags cannot be styled via css. body, img, p etc..

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
circuiteater
New Member
New Member
Posts: 2
Joined: Sun Feb 22, 2009 8:05 am

HTML Tags cannot be styled via css. body, img, p etc..

Post by circuiteater »

Hi,

I have just begun dabbling into CMS Made Simple, and from what I've seen it looks great for clients smaller e-biz sites.

I am familiar with css design and development and have built sites varying from small to large scale.


Problem : basic html tags ( ex. body, img, p, etc.. ) refuse to be styled via css.

Question : How or Why? can I style basic html tags, once templated into CMSMS.


edit:  I should be more specific.
edit:  i have no issues styling any other id or classes.

thanks.
Last edited by circuiteater on Sun Feb 22, 2009 8:23 am, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: HTML Tags cannot be styled via css. body, img, p etc..

Post by KO »

Anything can be styled (html, body, div...). It's just normal (x)html. Check that you have attached you stylesheet to your page template or that you are editing right stylesheets or that they are in correct order. webdeveloper firefox addon is your friend when you are looking what styles affect to your html page.

Answer: Yes style them normally.
circuiteater
New Member
New Member
Posts: 2
Joined: Sun Feb 22, 2009 8:05 am

Re: HTML Tags cannot be styled via css. body, img, p etc..

Post by circuiteater »

thanks for the quick answer,

I am styling them normally, and here is a snippet of my css

Code: Select all

body {background:#cdc4b0 url(_img/bg-top.jpg) no-repeat top center;}
p {font-size:14px; line-height:18px;}
img {border:4px solid #000;}
a {color:#FF0000;}

#wrap {width:900px;	margin:0 auto;	padding:56px 30px 30px 30px;}
#header {height:375px;}
#content {margin-top:30px;}
.leftside {width:350px; margin-right:30px;}
.rightside {width:520px;}
#bodyFooter {background:#cdc4b0 url(_img/bg-bottom.jpg) no-repeat top center; height:300px;}
#footer {margin:0 auto;width:930px; font-size:10px; padding:10px; border-bottom:1px solid #999966; border-top:1px solid #999966;}
I use FireBug, and Webdeveloper firefox addons, and the page loads my attached stylesheets fine, but will not display the p styles, img styles or body styles. while any id or class works fine.

the only stylesheets i have emebed into my custom template with the {stylesheet} reference are reset.css and global.css i've removed all stock templates and stylesheets.

I know it seams odd, i am stumped myself, thus asking for help.

and one would only hope it that the cms did not limit styling certain tags. Which from your anwser, seems not likely.

i'll have to look into it more, hours wasted.

thanks again.



EDIT: I have just linked to the stylesheets externally within the custom template, and it works! 

Code: Select all

<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="global.css" rel="stylesheet" type="text/css" />
That being said, when I use the {stylesheet} reference It seems CMSMS is  parsing my stylesheets and omitting standard html tags from being styled.

Can someone confirm this or have I been awake too long?
Last edited by circuiteater on Sun Feb 22, 2009 8:58 am, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: HTML Tags cannot be styled via css. body, img, p etc..

Post by KO »

Styles should come normally also to normal html tags with {stylesheet} tag so there should be nothing special. Just check that everything validates, no conflict with paths, nothing overwrites them on another stylesheet, no javascript problems, you working with right DOCTYPE etc. normal stuff.
Post Reply

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