Rollover

[Hooded_Villian]

Because I am not great with Flash, I made some animated rollovers using a .gif file. Got them to work when the navbar was horizontal. Now that its vertical, I come up with a blank image upon the Rollover state. Using CSS ofcourse..

/* #navbar buttons */
a.home {
display:block;
width:350px;
height:30px;
text-decoration:none;
float: left;
background: url(../buttons/home.gif) no-repeat 0 0;
}
a:hover.home {
background: url(../buttons/roll/homeRoll.gif) no-repeat 0 0;
display:block;
width:350px;
height:30px;
text-decoration:none;
float: left;
}


html:
<tr><td width="350"><a href="" class="home"></a></td></tr>

Please help...

[ryanbutler]

You probably need to pre load your hover image on page load. Something like what this page does:

http://midwestwebdesign.net/tutorials/csstable/index_finished.html

Details about what I'm doing:

http://midwestwebdesign.net/tutorials/csstable/default.aspx

[Hooded_Villian]

You probably need to pre load your hover image on page load. Something like what this page does:

http://midwestwebdesign.net/tutorials/csstable/index_finished.html

Details about what I'm doing:

http://midwestwebdesign.net/tutorials/csstable/default.aspx

It works in Opera without having to preload the images. But the more I rollover and look at it all, I think that maybe I should spend the time and "pull my hair out" by doing it in flash. Will look smoother and I will be able to do more animation.

Thanks for your input though... :)

PS: Nice site btw.