Making a Rollover Link

Home
Introduction
Step 1-2
Step 3-6
Step 7
Step 8-9
Step 3-6

3.Return and type this next: 

	p.navbuttons a:hover, p.navbuttons a:active
	{
	background-color: #333333;
	color: #FFFFFF;
	background-repeat: no-repeat;
	}


This Class sets the rules for the way the browser will show the buttons in their "hover" state as well as their "active" state .

4. Now go to File, then 'Save as' and save this file in your web folder as "stylesheet.css."

5. Make a new HTML document. If you are using NotePad or a different text editor, type this: 


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

	<html>
	<head>
	<title>My CSS Navigation</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body>

	</body>

	</html>

6. Go to File, then Save As.. and save this document as "index.htm" in the same folder as the CSS document you made.

<< Back    Next >>