Jump to content

css


nwest

Recommended Posts

Well hello, and I'm back. Got frustrated and put this down for awhile.

I need help to make this thing work. I cannot get the css paragraph tag to work and I know I need to so that I can continue my lesssons

I would like to star again by posting my index page source html, and my index page for critique and approval if possible for correctness.

Thanks in advance for your help.

 

<!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>

index.html

Link to comment
Share on other sites

According to the file above, your CSS file is named "ROOT.css.txt". It needs to end in just ".css". By default, both Windows and Mac OS's hide the file extension, so it's easy to miss. For more info on how to fix this, look here: http://www.killersites.com/community/index.php?/topic/3010-cant-open-my-website

 

Also, a couple other things I noticed:

 

<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>

That section of code should end with a "</p>" not "<p>".

 

<a href="photoStock/indexPhotoStock.htm=><span class="LARGER"<free stock photography</span</a>

You need to use a quote, not a "=", and the closing "</span" is missing a ">".

 

As a general best practice, I'd suggest keeping your HTML tags lower case (for example, you've used "<META NAME=", and I'd suggest you'd make those "<meta name=" instead.) Same thing with class/id names -- I'd keep them all lower case or a mix of upper/lowercase, but not all uppercase.)

Link to comment
Share on other sites

Execellent, excellent, thank you very much.

Now that I can see the mistake, it's glaring.

My next concern is that I see what I believe is that same mistake in several different places within my html index page.

Am I right?

I may be at this for another week if I start making changes all over the place.

Do I only turn the one bracket around, or is my entire page full with this same error?

Respectfully, Harp

 

P.S. I really am not trying to get all my work done for me, promise.

 

 

 

<a href="photoStock/indexPhotoStock.htm=><span class="LARGER"<free stock photography</span</a>

 

Note that the '>' following '<span class="LARGER" points the wrong way.

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...