article

Sunday, May 30, 2010

CSS Image hover link

CSS Image hover link








<style>
.inner_header_buttons
{
width:206px;
height:48px;
padding:20px;
position:absolute;
top:80px;
left:725px;
background:url(images/seo_head.gif) top left no-repeat;
}
a.inner_header_services_btn, a.inner_header_services_btn:visited
{
width:195px;
height:42px;
background:url(images/inner_he.gif) top left no-repeat;
display:block;
text-indent:-9000px;
margin:0 auto 10px auto;
}
a.inner_header_services_btn, a.inner_header_services_btn:visited
{
width:195px;
height:42px;
background:url(images/inner_he.gif) top left no-repeat;
display:block;
text-indent:-9000px;
margin:0 auto 10px auto;
}
a.inner_header_services_btn:hover
{
background:url(images/inner_hf.gif) top left no-repeat;
}
</style>




Demo

http://creativedesign-mind.com/r-ednalan/demo/css-image-hover.html

Download

http://dl.dropbox.com/u/3293191/CSS/css-image-hover-link.zip

Related Post