nwest Posted March 29, 2011 Report Share Posted March 29, 2011 harp here, I'm on lesson 15 of Web design 1 and i'm stuck. i was not successful in my initial attempt to apply css to my sample website. all 4 pages are working correctly, accept that my logo wouldn't take. When watching the video in lesson 15 it appears that the instructor has switched from using notepad to using wordpad for the css lesson. am i correct that what i am seeing behind the logo at the top of the page of the video in lesson 15 is indeed wordpad and not notepad, and is that the reason my css application p { } is not working? Quote Link to comment Share on other sites More sharing options...
Andrea Posted March 29, 2011 Report Share Posted March 29, 2011 It doesn't matter if Wordpad or Notepad are used. If you don't have the site up, can you post the entire HTML and CSS code you have here? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted March 29, 2011 Report Share Posted March 29, 2011 One thing I always suggest to beginners when dealing with path issues... Double check that your CSS file is named and linked correctly (capitalization counts.) Also, make sure that your css file isn't accidentally named style.css.txt. By default, both WIndows and Mac OS's hide the file extension. To double check this, take a look here for instructions (post #6 or so): http://www.killersites.com/community/index.php?/topic/3010-cant-open-my-website/page__gopid__16509entry16509 Quote Link to comment Share on other sites More sharing options...
Andrea Posted March 29, 2011 Report Share Posted March 29, 2011 The HTML is here - but we need the CSS, too: <!DOCTYPE HTML PUBLIC "-//w3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Web design - tutorials: HOME</title> <META NAME="description" content="Learn webdesign."> <META NAME="keywords" content="web design, web designers, creating a website"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="ROOT.css" rel="stylesheet" type="text/css"> </head> <body> <a href="index.html"> <img src="images/continental_tire_145x90.gif" border="0" alt="Back to Home"> </a> <div id="navigation"> <ul> <li>Home</li> <li><a href="ProductList.html">Products</a></li> <li><a href="cssTutorial/CSS.html">CSS</a></li> <li><a href="cssTutorial/Tables.html">Tables</a></li> </ul> </div> <!-- MAIN DOCUMENT STARTS HERE --> <!-- MAIN DOCUMENT STARTS HERE --> <div id="centerDoc"> <h3>THE PLACE TO LEARN WEB DESIGN!</h3> <p> If you want to learn web design, you've come to the right place! The following is a list of some of some of the dey areas of this website that will get you on your way designing we pages on no time: </p> <h3>WEB DESIGN ARTICLES FOR BEGINNERS AND EXPERTS</h3> <p> The <a href="articles/ArticlesHome.hrm"><spanclass="LARGER">articles</span></a> section of killersites.com contains a grab bag of information related to web design... anything from Flash to XML. It is best to just snoop around and you will probably find something you're interested in. </p> <h3FOR TOTAL BEGINNERS</h3> <p> If you are totally new to web design, your first stop to learning web design should be <a href="http://www.how-to-build-websites.com"><spanclass="LARGER"<www.how-to-build-websites.com</span></a>. when you're done there, come back to killersites.com for more. </p> <h3>DO YOU HAVE QUESTIONS?</h3> <p> The killersites.com <a href=mvnforum/index.jsp"><spanclass="LARGER"<message/bulletin board</span></a> has plenty of helpful people - don't be shy to join in on the conversation! BTW, the message board is also a little treasure chest of information that you can search with the boards' search tool. </p> <h3WHAT ESE IS THERE?</h3> <p> Killersites.com has a few other 'goody' sections that you might want to explore: the <a href="photoStock/indexPhotoStock.htm=><span class="LARGER"<free stock photography</span</a> and the <a href="webDesignershandbook/webdesignersHanbook.htm"><span class="LARGER"> Web Designers Handbook </span></a> come to mind. <p> <p> Thanks for stopping by. </p> <h3>Stefan Mischook</h3> <div class="footer"> © 2004 KillerSites.com – all rights reserved </div> <span class="LARGER">articles</span </body> </html> Quote Link to comment Share on other sites More sharing options...
falkencreative Posted March 29, 2011 Report Share Posted March 29, 2011 Just thought I would check... your CSS file is named "ROOT.css", correct? Cspitalization matters. Also, the css file and your mail index.html file are in the same folder? Quote Link to comment Share on other sites More sharing options...
nwest Posted April 5, 2011 Author Report Share Posted April 5, 2011 Just thought I would check... your CSS file is named "ROOT.css", correct? Cspitalization matters. Also, the css file and your mail index.html file are in the same folder? Up till now the css file was not capitalized. And I will try that now. Does Root.css need to be within quotation marks also, as shown above? I've been stuck on this way too long. It's kind of wearing me out. There must be a fairly simple fix to this. I've got to keep going on my lessons. Quote Link to comment Share on other sites More sharing options...
Andrea Posted April 5, 2011 Report Share Posted April 5, 2011 If your file name is ROOT.css (no quotes) then the link to it must luck exactly like this: <link href="ROOT.css" rel="stylesheet" type="text/css"> Quote Link to comment Share on other sites More sharing options...
falkencreative Posted April 5, 2011 Report Share Posted April 5, 2011 Just a random thought... is your entire CSS file not working, or just the p{} section? If it's just part of the file, not the entire file that isn't working, you may just have an error within your CSS. We could help fix that if you post your CSS code and specify the specific section that isn't working for you. 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.