Help - Search - Members - Calendar
Full Version: mouseover/hover code
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
lilshawtie92
is there a code to make it so that when you hover a link, its a picture? i know this code:

<!-- begin code provided by createblog.com -->
<style type="text/css">a:hover {background:url(image here); text-decoration: none;}</style>
<!-- end code provided by createblog.com -->

but that makes it the background ... i want a code so that the words of the link are gone, and its only the image
lovescream
I'm not sure if it's possible, but just make the words transparent?

like

font-color: #transparent;

or whatever. :x
baller30
i think what you need to do is make the image the like instead of the text.

instead of:

<a href="somepage.com">My link</a>

put:

<a href="somepage.com"><img src="yourimage.jpg"/></a>

is that what you are asking??
Heathasm
http://www.webreference.com/programming/css_flicker/ here use this tutorial it will show you how to get rid of the text on hover and use your image
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.