Log In · Register

 
 
Closed TopicStart new topic
mouseover/hover code
lilshawtie92
post Aug 26 2005, 11:13 AM
Post #1


Senior Member
***

Group: Member
Posts: 88
Joined: Jan 2005
Member No: 85,309



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
post Aug 26 2005, 11:29 AM
Post #2


define our lives for us.
********

Group: Staff Alumni
Posts: 11,656
Joined: Aug 2004
Member No: 43,293



I'm not sure if it's possible, but just make the words transparent?

like

font-color: #transparent;

or whatever. :x
 
baller30
post Aug 30 2005, 01:26 PM
Post #3


Senior Member
****

Group: Member
Posts: 166
Joined: Jul 2004
Member No: 27,401



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
post Aug 30 2005, 02:22 PM
Post #4


creepy heather
*******

Group: Official Member
Posts: 4,208
Joined: Aug 2004
Member No: 41,580



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
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: