custom contact table? Options

[hippiehead025]

ok, so i made a contact table on Photoshop, its standard size. I also made another thats exactly the same, except the letters have a glowing outline. I want to make the contact table so that when you hover and/or click over the links on the cantact table, the word changes to the outlined version. IS there a code to do this? I know i'd have to slice each "button" on each table. And I know there are codes for changing images when you scroll over them. Would I just implement the image code for the switching images and then designate a link to each image? Thanks - Roger

[hippiehead025]

so ill do

CODE

<div class="contactbox">
<a href="" class="message">&nbsp;</a>
<a href="" class="add">&nbsp;</a>
<a href="" class="IM">&nbsp;</a>
<a href="" class="rank">&nbsp;</a>
<a href="" class="block">&nbsp;</a>
<a href="" class="forward">&nbsp;</a>
<a href="" class="favorite">&nbsp;</a>
<a href="" class="group">&nbsp;</a>
<img src=""> <---- times how many splices i have that wont be links
</div>

the a href is where i put the address of the link itself, correct?

then under it do

CODE

<style type="text/css">
a.Message{float:left; background:url("URL") repeat; width:#px; height:#px; display:block; top:#px; left:50%; margin-left:#px;}
a.Message:hover{float:left; background:url("URL") repeat;}


a.add{float:left; background:url("URL") repeat; width:#px; height:#px; display:block; top:#px; left:50%; margin-left:#px;}
a.add:hover{float:left; background:url("URL") repeat;}</style>

</style>

ect...


and it'll show up?