Help with rollover links

Hi all,

I have 9 separate links with 2 different images thought I am having problems coding it. The first image would be this picture - img.photobucket.com/albums/v374/Morithacus/alpha_on.gif (different name for each though).

And then with this image for the rollover - img.photobucket.com/albums/v374/Morithacus/alpha_off.gif (different name for each though).


Many thanks to those who help

 

Anyone? All I need is an example of one link

 

Here you go

 

Thanks le007 much appreciated.


And this will work for 9 different links? (the two images shown would be different ones for each link)

 

Yeah it will, just add to the stylesheet like this:

a.secondrollover {
display: block;
height: 65px;
width: 64px;
text-decoration: none;
background: url("imagenumbertwo.gif") no-repeat;
}

a.secondrollover1:hover {
background: url("imagenumbertwochanged.gif") no-repeat;
}

Code (markup):

Then in the html

<a href="whateveryourlsecondinkis.html" class="secondrollover">&nbsp;</a>

Code (markup):

No problems