I've been changing my javascript rollovers to CSS using :hover. I
have used the following class and html so that when you hover over the
home.gif the 'Home' text next to it is underlined.
CSS:
a.main:link { color: white; text-decoration: none}
a.main:active { color: white; text-decoration: none }
a.main:visited { color: white; text-decoration: none }
a.main:hover { color: white; text-decoration: underline }
HTML:
<td width="9%"><a href="#" class="main"><img src="images3/home.gif"
border="0">Home</a></td>
It works fine but the text sits at the bottom of the table cell. I
would like it to sit in the middle of the cell and have tried
valign="middle" in the <td> tag but it doesn't make any difference.
Has anybody got any ideas?
Cheers,
Stevie.
