Jump to content


Photo

Help RE: CSS Tutorial 1


  • Please log in to reply
2 replies to this topic

#1 Aspirer

Aspirer

    New member

  • New Members
  • 1 posts

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 HeadingAttached File  testpage.html   991bytes   47 downloads

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

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,722 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • 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.

  • 0

#3 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,722 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • 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.
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users