Change The Menu Links
Let's type directly in the CSS sheet now. I like how Dreamweaver color-codes and auto-completes different elements while I work - it's much better than using a plain text program.
The first thing I want to do is change the appearance ONLY for links that appear in the topmenu div. On a blank line start a new div id for topmenu links. The tag looks like this: #topmenu a {
All of the attributes for the topmenu a div must appear between the opening brace { and a closing brace }
Now add a color tag color: #99FF00;
Add a tag to remove the underline text-decoration: none;
And finally the closing brace }
Your CSS sheet should look like this:
Now add a change to the hover property - again only for links that appear in the topmenu div so the opening tag is going to be #topmenu a:hover{
Add a color tag color: FFF00;
Don't forget the closing brace }
My CSS sheet looks like this:
Test your web site now. Remember F12 is the keyboard shortcut to jump from Dreamweaver to a web browser. Mine looks like this