Making a Rollover Link
Step 8-9

8. Now we add a hyperlink to that same page, just to see how things are going. Add this somewhere between <body> and </body>:


<a href="anypage.htm">your link text</a>

Preview it in your browser to see that there is no change...

9. The reason for this is that you have not told the browser to apply your style sheet rules to this link.
It's easy to fix this - change the link code so that it is commanding your browser to display your link as you have decided it should be:


<p class="navbuttons"><a href="anypage.htm">your link text</a></p>

Now you should have a page with what looks slightly like a navigation button that changes when you put your mouse over it!

<< Back