Comments on: CSS Image rollover (2 in 1) http://joyboner.com/image-rollover-hover-2-in-1/ Tricks to make myspace suck a little less. Tue, 04 Aug 2009 13:59:58 -0500 http://wordpress.org/?v=abc hourly 1 By: Rick http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-122667 Rick Fri, 28 Nov 2008 11:13:27 +0000 http://joyboner.com/archives/29#comment-122667 Try this: <style> img.hover {display:none;border:0;} A:hover img.hover {display:inline;} A:hover img.nohover {display:none;} </style> <A HREF="#"> <img src="button1.gif" class="nohover" border=0> <img src="button2.gif" class="hover" border=0> </A> Try this:

<style>
img.hover {display:none;border:0;}
A:hover img.hover {display:inline;}
A:hover img.nohover {display:none;}
</style>

<A HREF=”#”>
<img src=”button1.gif” class=”nohover” border=0>
<img src=”button2.gif” class=”hover” border=0>
</A>

]]> By: image picture http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-114955 image picture Tue, 15 Jul 2008 13:49:38 +0000 http://joyboner.com/archives/29#comment-114955 css layer examples / properties and layer attributes http://css-lessons.ucoz.com/css-layer-properties.htm css layer examples / properties and layer attributes
http://css-lessons.ucoz.com/cs.....erties.htm

]]> By: Alyssa http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-114376 Alyssa Sat, 05 Jul 2008 10:38:38 +0000 http://joyboner.com/archives/29#comment-114376 i have no clue what any of you guys did or how to solve my problem!! okay so ive been trying to place 2 seperate pictures of 2 different things with the image rollover but the second one screws everything up grrr. HELP PLEASEE i have no clue what any of you guys did or how to solve my problem!!

okay so ive been trying to place 2 seperate pictures of 2 different things with the image rollover but the second one screws everything up grrr.

HELP PLEASEE

]]> By: Korus Kiele http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-84368 Korus Kiele Mon, 11 Feb 2008 14:00:07 +0000 http://joyboner.com/archives/29#comment-84368 After countless attempts at a just a g*ddamn frickin' mouseover image on MySpace (whose inability to use Java makes it rather annoying), trying a ridiculous amount of tutorials, and hours of frustration... FINALLY-- *this* works! Thank you. I can finally go to sleep now, lol. After countless attempts at a just a g*ddamn frickin’ mouseover image on MySpace (whose inability to use Java makes it rather annoying), trying a ridiculous amount of tutorials, and hours of frustration… FINALLY– *this* works! Thank you. I can finally go to sleep now, lol.

]]> By: woah http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-40700 woah Sun, 09 Sep 2007 19:56:42 +0000 http://joyboner.com/archives/29#comment-40700 what in the f*ckin hell is that picture of. . .o.O what in the f*ckin hell is that picture of. . .o.O

]]> By: janira http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-38336 janira Fri, 31 Aug 2007 20:54:28 +0000 http://joyboner.com/archives/29#comment-38336 lol lol

]]> By: Tha Infamous Hydro http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-35669 Tha Infamous Hydro Sun, 19 Aug 2007 01:16:53 +0000 http://joyboner.com/archives/29#comment-35669 Try This Code It Works Well On Both IE And Firefox ----------------------------------------------------------------- a.rollover:link, a.rollover:active,a.rollover:visited{ background-image:url('NORMAL IMAGE URL'); display:block !important; height:202px; width:150px; } a.rollover:hover{ background-image:url('HOVER IMAGE URL'); display:block; } -------------------------------------------------------------------- (YOU CAN USE THIS IN NORMAL OR DIV VERSION) <a href="URL TO PAGE" rel="nofollow"></a> ------------------------------------------------------------------- Try This Code It Works Well On Both IE And Firefox

—————————————————————–

a.rollover:link, a.rollover:active,a.rollover:visited{
background-image:url(’NORMAL IMAGE URL’);
display:block !important;
height:202px;
width:150px;
}

a.rollover:hover{
background-image:url(’HOVER IMAGE URL’);
display:block;
}

——————————————————————–

(YOU CAN USE THIS IN NORMAL OR DIV VERSION)

——————————————————————-

]]> By: Kerstan http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-15084 Kerstan Wed, 28 Mar 2007 20:49:20 +0000 http://joyboner.com/archives/29#comment-15084 Looks like you have to chage the coding from display:block to display:inline Looks like you have to chage the coding from display:block to display:inline

]]> By: Kerstan http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-15080 Kerstan Wed, 28 Mar 2007 20:33:35 +0000 http://joyboner.com/archives/29#comment-15080 I'm having the same problem with the vertical stack... I’m having the same problem with the vertical stack…

]]> By: Wifigod http://joyboner.com/image-rollover-hover-2-in-1/comment-page-1/#comment-9924 Wifigod Thu, 01 Mar 2007 17:34:20 +0000 http://joyboner.com/archives/29#comment-9924 I'm using a similar way to get the rollover effect but my main problem is getting images to be placed side by side in a DIV. Instead of filling the DIV by going side by side (I add no extra breaks or anything) they stack vertically and mess everything up. :( Any easy fix? I’m using a similar way to get the rollover effect but my main problem is getting images to be placed side by side in a DIV. Instead of filling the DIV by going side by side (I add no extra breaks or anything) they stack vertically and mess everything up. :( Any easy fix?

]]>