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"><i mg 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.
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"><i mg 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.