Image rollovers, (for a div overlay) Options

[alison-apples]

I've tried multiple codes. None of them seem to work. What's the code for an image rollover for a myspace div overlay?

Thanks in advance.

[digitalfragrance]

Their tutorial was confusing... try it this way using the code they used.

CODE

<style type="text/css">
a.NAME
{float:left;background:url(Picture_URL_1)repeat;width:XXXpx;height:XXXpx;display:block;}

a.NAME:hover
{float:left;background:url(Picture_URL_2)repeat;}
</style>

For you homepage link...
1. Create 2 images - the one that will first display for the link and the one that will display on rollover.
2. Upload the first image and paste it in place of Picture_Url_1
3. Upload the second image (the rollover one) and paste it in place of Picture_URL_2
4. Replace NAME with HOME
5. Copy and paste your edited code into your style sheet.

Now, let's do the actual link

A normal homepage link looks like this:

CODE

<a href="'http://home.myspace.com/index.cfm?fuseaction=user">Home</a>

6. For a rollover, you have to specify the class that you made before hand by adding class="HOME". Add the below link wherever you planned on placing it in the DIV layer.

CODE

<a href="'http://home.myspace.com/index.cfm?fuseaction=user" class="HOME">Home</a>

7. Repeat these steps for all links.