Link to Root.CSS Does not work

[HRichardB]

Please provide reasons why this link is not working? This is off the Web Design 1 tutorial.

Here is the code in the Root.css file

p {width:400px;

color:red;>

 

h3 {border-top:1px solid black;

width 400px }

[Wickham]

It could be a lower case/upper case problem. Root.css is not the same as root.css.

 

The css file needs to be in the same directory as the html file as you haven't used a sub-folder/sub-directory.

 

Also use } not > for the closing tag of the style.

Edited April 8, 2009 by Wickham

[HRichardB]

Thanks but still no solution. Its in the same folder as rest of other pages. Those pages work. Only root.css page not working. Web page is not responding to css code which I located above

p {width:400px;

color:red;

}

h3 {border-top:1px solid black;

width 400px }

[jlhaslip]

Can you post the head section of the HTML page, please.

Do you have more than one CSS file? Is there any CSS code in the style tags of the html page? (just asking)

 

We could check stuff as well by using a link to the page if it is on-line.

[newseed]

You css link should be between the

here tags and not above (or before) it.

 

[HRichardB]

Here is the head section of HTML containing the CSS code file location:

 

wed design - tutorial

 

 

 

This is the only area calling for CSS coding.

Sorry but I not sure how to create a link for viewing.

 

the root.css file contains:

 

p {width:80%; color:red;}

h3 {border-top:1px solid black; width 80% }

 

in the notepad txt format.

[jlhaslip]

If the page and the css file are in the same folder/directory it looks like it will work fine.

Try clearing your cache in the Browser if it fails to load properly for you.

[Wickham]

Sometimes when you think you have saved a file as root.css or file.html, they have actually been saved as root.css.txt and file.html.txt and the .txt extension should not be there.

 

Use Windows Explorer with View/ Details and with file extensions visible and check and delete .txt if necessary. (In Tools, Folder Options, View, uncheck Hide file extensions for known file types (so that they will show).

Edited April 9, 2009 by Wickham

[HRichardB]

Mr. Wickham.

Bingo..it worked..thanks

You're the dude!!

 

Thanks to everyone else. It was really appreciated.