i have an <a> tag around my div tag (is it ok to do that?). the link works fine but what i want is for the styles of the div to change on roll over
http://www.thehopeandanchor.net/nypd/tagtest.php. the one on the left is normail state and right os the rollover state.
here is my style sheet:
Code:
div#polarodBox {
width:202px;
height:202px;
background-color: #A59687;
/*margin:3px;*/
padding-top:4px;
padding-left:4px;
font-family: Praxis-SemiBold, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #EAE7DF;
line-height: 14px;
}
div#polarodBoxOver {
width:202px;
height:202px;
background-color: #EAE7DF;
/*margin:3px;*/
padding-top:4px;
padding-left:4px;
font-family: Praxis-SemiBold, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #A59687;
line-height: 14px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
and one one of my div/link tags:
Code:
<a href="showplace.php">
<div id="polarodBox" style="position:absolute; left:10px; top:10px;">
<img src="site_images/asketest.jpg" width="198" height="164" border="0" \>
<br \>BROUGH PARK
</div>
</a>