Help RE: CSS Tutorial 1

Help RE: CSS Tutorial 1 Please Help Someone

#1 Aspirer

Group: New Members
Posts: 1
Joined: 09-February 12

Posted 09 February 2012 - 10:21 AM

I did the CSS Tutorial 1. I did the HTML coding on Notepad (windows)and the CSS on Dreamweaver. When I did the tutorial and copied and pasted the HTML code onto Notepad and the CSS code onto Notepad and saved the HTML code as Testpage.html and the CSS code as myCSS.css and tested it out by clicking on Notepad to open. The design came out very basic and this is exactly how it looks. Is this right or wrong?

The Main navigation
;
The Main Heading

testpage.html (991bytes)
Number of downloads: 38

Go to the Web Designer's Killer Handbook home page and grab the practice HTML page that we will used as the starting template for this tutorial. You can find it under the heading: 'To create the practice HTML page do the following:'. Follow the instructions there and create your basic HTML page - and do it now!

#2 Andrea

Group: Moderators
Posts: 5,511
Joined: 19-December 08
LocationSan Antonio, TX

Posted 09 February 2012 - 11:12 AM

Something went wrong here - the code I see for your test page looks like this:

ï»¿<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 	<head>
 		<title>My Practice HTML Page</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     	<title>First CSS Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="[url=""]myCSS.css&quot; rel=&quot;stylesheet[/url]" type="text/css"> 	
</head> 	

<body>  
<div id="navigation">
<h2>The Main navigation</h2>;  
</div> 

<div id="centerDoc">  	
<h1>The Main Heading</h1>
<p>Go to the Web Designer's Killer Handbook home page and grab                  the practice HTML page that we will used as the starting                  template for this tutorial. You can find it under the heading:                  'To create the practice HTML page do the following:'. 		Follow the instructions there and create your basic HTML 		page - and do it now! 	</p> 
</div> 	
</body> 
</html>

It should look like this:

 <link href="[url=""]myCSS.css" rel="stylesheet[/url]" type="text/css">

And you have a stray ';" right here:

<h2>The Main navigation</h2>;

Making these changes should fix things. Let me know.

a&b WebDesign

#3 Andrea

Group: Moderators
Posts: 5,511
Joined: 19-December 08
LocationSan Antonio, TX

Posted 09 February 2012 - 12:36 PM

I also just realized you have 2 title lines and a repeat of the charset line in the head section.

Killersites Community: Help RE: CSS Tutorial 1 - Killersites Community