I was hoping someone can point me in the right direction. I can't seem to get the hover image to show.
This is the source code:
| Code: |
<div id="jv-header">
<div id="jv-hmenu">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td nowrap="nowrap">
<a href="/.../index.php?option=com_content&view=frontpage&Itemid=1" class="mainlevel" id="active_menu"> <img src="/.../images/stories/home.png" border="0" alt="Home"/></a>
</td></tr>
</table>
</div>
</div>
|
These are some of the different options that I've tried:
#jv-hmenu td.item1:hover {
width: 200px;
height: 42px;
background: url(../images/stories/home-over.png);
}
td.item1:hover {
width: 200px;
height: 42px;
background: url(../images/stories/home-over.png);
}
td.item1 a:hover {
width: 200px;
height: 47px;
background: url(../images/stories/home-over.png);
}
Thanks in advance!!