Hi,
Im new to css so I copy and pasted a css script code for buttons from here -
http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtmlIt's not working chekc my site:-
http://www.findmissingperson.net/test/when you hover over the link, it should turn gold not white. Im thinking the code I use for the rest of the site has authority over this part or something. both images are there.
cana nyone spot any errors in the code? or sugest a newbie friendlier css button?
?
---my code---
css file (the part about the buttons only):-
.cssnav
{
position: relative;
font-family:Tahoma;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 120px;
height: 15px;
margin: 0;
padding: 0;
}
.cssnav a
{
display: block;
color: #000000;
font-size: 10px;
width: 120px;
height: 15px;
display: block;
float: left;
color: #0033CC;
text-decoration: none;
}
.cssnav img
{
width: 120px;
height: 15px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssnav a:hover img
{
visibility:hidden
}
.cssnav span
{
position: absolute;
left: 2px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
the part in the webpage:-
<div class="cssnav">
<a href="
http://www.smallbusinesstips.co.uk"><img src="smallbusinesstips1.gif" alt="Small Business Tips" /><span>SmallBusinessTips.co.uk</span></a>
</div>
