Jump to content

lesson 15 css


nwest

Recommended Posts

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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> 					 				

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...