The CSS rollover button allow you to swap images while still keeping text in our link and it is naturally encourages your keyword(s) to be placed three times within any given link.
Read The Full Tutorial.
The CSS rollover button allow you to swap images while still keeping text in our link and it is naturally encourages your keyword(s) to be placed three times within any given link.
Here is The CSS code:
.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0;
padding: 0;
}
.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssnav img
{
width: 211px;
height: 44px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssnav a:hover img
{
visibility:hidden
}
.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
|
Ajax Projects
