Help!, Rollover Code Help |
Help!, Rollover Code Help |
Jul 22 2009, 03:41 AM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Official Designer Posts: 67 Joined: Aug 2008 Member No: 680,736 |
Okay, I finally got the rollover thing down except I need to move my rollover image somewhere else.
How? CODE <style type="text/css">
div, table, tr, td, tbody {background-color:white;} a.home{ display: block; height: 50px; width: 116px; overflow: hidden; background-image: url("http://img24.imageshack.us/img24/2995/homexzf.png"); background-position: center; background-repeat: no-repeat; } a.home:hover{ background-image: url("http://img24.imageshack.us/img24/9471/home2w.png"); background-position: center; background-repeat: no-repeat; } </style> <a href="http://www.google.com/" class="home"> |
|
|
|
![]() |
Jul 22 2009, 05:23 AM
Post
#2
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Replace your code with this:
CODE <style type="text/css">
div, table, tr, td, tbody {background-color:transparent;} a.home{ height: 50px; width: 116px; overflow: hidden; background-image: url("http://img24.imageshack.us/img24/2995/homexzf.png"); background-position: center; background-repeat: no-repeat; } a.home:hover{ background-image: url("http://img24.imageshack.us/img24/9471/home2w.png"); background-position:center; background-repeat: no-repeat; } a.message{ height: 50px; width: 176px; overflow: hidden; background-image: url("http://img193.imageshack.us/img193/5378/message2p.png"); background-position: center; background-repeat: no-repeat; } a.message:hover{ background-image: url("http://img22.imageshack.us/img22/9484/messagexma.png"); background-position:center; background-repeat: no-repeat; } a.comment{ height: 50px; width: 192px; overflow: hidden; background-image: url("http://img30.imageshack.us/img30/4681/commentlhk.png"); background-position: center; background-repeat: no-repeat; } a.comment:hover{ background-image: url("http://img33.imageshack.us/img33/2288/comment2.png"); background-position:center; background-repeat: no-repeat; } </style> <div style="position:absolute; top:20px; _top:50px; left:50%; _left:50%; margin-left:-250px; _margin-left:-150px;"> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854" class="comment"></a> </div> |
|
|
|
Jul 22 2009, 02:26 PM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() Group: Official Designer Posts: 67 Joined: Aug 2008 Member No: 680,736 |
yeah that made them just disappear.
|
|
|
|
dyindyinjohnsonlayouts Help! Jul 22 2009, 03:41 AM
Mikeplyts Exactly what do you mean? Do you need to position ... Jul 22 2009, 04:02 AM
dyindyinjohnsonlayouts Thank you! I was just putting the DIV containe... Jul 22 2009, 04:04 AM
Mikeplyts lol, no problem. Jul 22 2009, 04:05 AM
dyindyinjohnsonlayouts Okay how do I get the rollovers in one line? (Not ... Jul 22 2009, 04:37 AM
theerinkal ^^ You could've just told him to remove the di... Jul 22 2009, 05:44 AM
Mikeplyts Put them all in a separate DIV container.
CODE... Jul 22 2009, 02:37 PM
dyindyinjohnsonlayouts Well I had them all in one DIV container but putti... Jul 22 2009, 02:42 PM
Mikeplyts Ok. There is another code you could use though tha... Jul 22 2009, 02:46 PM
dyindyinjohnsonlayouts If you want to, I mean if the code is easier, than... Jul 22 2009, 02:50 PM
Mike Try this method. Jul 22 2009, 02:52 PM
Mikeplyts ^ What Mike posted can work, or you could also try... Jul 22 2009, 03:02 PM
dyindyinjohnsonlayouts ^That one is kinda confusing. XD
But with the one ... Jul 22 2009, 03:07 PM
Mikeplyts You could also do the same method that I linked to... Jul 22 2009, 03:18 PM
dyindyinjohnsonlayouts Filters as in the class name? Jul 22 2009, 03:20 PM
Mikeplyts Yep. Along with the pound signs and all that mumbo... Jul 22 2009, 03:21 PM
dyindyinjohnsonlayouts Haha. Okay. And for the images it would look like ... Jul 22 2009, 03:25 PM
Mikeplyts Correct. Jul 22 2009, 03:58 PM
Mikeplyts ^Or that. haha.
I didn't even see his code... Jul 22 2009, 04:36 PM
dyindyinjohnsonlayouts I'm just going to use my old code, and us sepe... Jul 22 2009, 04:54 PM
fixtatik Float, float, float.
Whenever you have something... Jul 22 2009, 04:59 PM
dyindyinjohnsonlayouts ^ Thanks. Works, much easier than having like 6 Di... Jul 22 2009, 05:27 PM
Mike Posts merged. Jul 22 2009, 05:37 PM
alek or you could always add positioning elements to th... Jul 26 2009, 07:23 PM![]() ![]() |