Jump to content
Killersites Community
  • Announcements

    • administrator

      New Forum is Live!   10/18/2017

      Welcome to the rebirth of the KillerSites community! Much to come as we clean house and get the new sections in place. Stef  
Sign in to follow this  
mhector84

Help RE: CSS Tutorial 1

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!

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×