Jump to content

Help RE: CSS Tutorial 1


mhector84

Recommended Posts

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

 

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!

Link to comment
Share on other sites

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" rel="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.

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