HRichardB Posted April 8, 2009 Report Share Posted April 8, 2009 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 } Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 8, 2009 Report Share Posted April 8, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
HRichardB Posted April 8, 2009 Author Report Share Posted April 8, 2009 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 } Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted April 8, 2009 Report Share Posted April 8, 2009 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. Quote Link to comment Share on other sites More sharing options...
newseed Posted April 8, 2009 Report Share Posted April 8, 2009 You css link should be between the here tags and not above (or before) it. Quote Link to comment Share on other sites More sharing options...
HRichardB Posted April 9, 2009 Author Report Share Posted April 9, 2009 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. Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted April 9, 2009 Report Share Posted April 9, 2009 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. Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 9, 2009 Report Share Posted April 9, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
HRichardB Posted April 9, 2009 Author Report Share Posted April 9, 2009 Mr. Wickham. Bingo..it worked..thanks You're the dude!! Thanks to everyone else. It was really appreciated. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.