I was 'playing' with rollover buttons in CSS, using an image background. Works beautifully ... until you click on the button. The 'visited' state stops the rollover effect. Can someone, with more experience than I have, suggest a solution?
I'm including my code below:
-------------------------------------------------------------
<style type="text/css" media="screen">
<!--
.rolloverbutton , a.rolloverbutto n:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none ;
font-weight: bold;
color: #FFFFFF;
line-height:30px;
background-image: url(graphic_02. gif);
background-repeat: no-repeat;
text-indent: 27px;
height: 29px;
width: 185px;
}
a.rolloverbutto n:hover {
background-image: url(graphic_02-over.gif);
}
-->
</style>
<table width="185" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td><a href="index.php " class="rollover button">Home</a></td>
</tr>
<tr>
<td><a href="news.php" class="rollover button">News</a></td>
</tr>
<tr>
<td><a href="search.ph p" class="rollover button">Search</a></td>
</tr>
</table>
Thanks in advance!
~Martin