css tags not working on internet

rob86 · 03-31-2012, 08:22 PM

Style sheet is working.

several tags on style sheet like this are not.

.footer
{
text-align:center;
font-size: 10px;
}

<body>

<div class="footer"> Be sure to use a descriptive title </div>

Just learned code works in <head> I want it on the stylesheet.

Any ideas why it dosen't work from stylesheet????

Excavator · 03-31-2012, 09:25 PM

Hello rob86,
It could be any number of reasons. The only way for anyone to tell is to see the testsite. Give us a link.

rob86 · 03-31-2012, 11:20 PM

Quote:

Originally Posted by Excavator

Hello rob86,
It could be any number of reasons. The only way for anyone to tell is to see the testsite. Give us a link.

http://melendy-mi.us/gen/help.html

http://melendy-mi.us/gen/templates/t.../css/nancy.css

It would be easier if you use something that uses line numbers.

Line 137 is marked as "problem area" area.

The exact same code is in the document <head> remmed out. It works!!!

Excavator · 04-01-2012, 12:51 AM

In your linked .css file, this is invalid

Code:

p.firstPage {
	font-family:Comic Sans MS;font-size:20px;line-height:20px;    ;"

It's missing the closing } and the " is not needed, which is making everything below that line not work.

Check out the links about validation in my signature line. They can really help you. There is also a link about tables there that you should have a look at.

rob86 · 04-01-2012, 01:41 AM

Thanks a bunch
I don't know how that happened but it's working now.

Now I have a new problem.

p.firstPage {
font-family:Comic Sans MS;font-size:20px;line-height:20px;
}

This code is used on a different page. It is now effecting the help page. I have researched this and found nothing.

Is there a way to stop this code from effecting the help page?

Excavator · 04-01-2012, 01:56 AM

Quote:

Originally Posted by rob86

Thanks a bunch
I don't know how that happened but it's working now.

Now I have a new problem.

p.firstPage {
font-family:Comic Sans MS;font-size:20px;line-height:20px;
}

This code is used on a different page. It is now effecting the help page. I have researched this and found nothing.

Is there a way to stop this code from effecting the help page?

Haven't you linked us to the help page? I don't see it affecting any paragraph text here.

Specificity is the answer though. If your styling is more a blanket style than pinpointed, you are not specific enough. See specificity here.
I disagree with some of what that page says, floats and specificity are pretty simple concepts for new coders to grasp. I think the box model and clearing floats give them more trouble.