html code for hyperlinks

[Carmen]

I have created a rollover navigation bar on my website with the following
codes:

1st Html Box:
<style type="text/css">a.button,
a:visited.button{width:129px;height:30.5px;background-color:transparent;background-image:url(C:\Documents
and Settings\Owner\My Documents\My Pictures\Picture2.gif);
text-decoration:none;}

a:hover.button
{width:129px;height:30.5px

background-color:transparent;background-image:url(C:\Documents and
Settings\Owner\My Documents\My Pictures\Home Tab 2.gif);
text-decoration: blink;}
</style>

2nd Html Box:
<a class="button" href="url"></a>


I now need to make this a hyperlink to another page within my website. What
would be the html code to do this? And will this affect the rollover effect?

Thanks