Forums > Rollovers...

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

golrg

Mar 24 2010, 03:34 PM

Basically i've made a background with a DIV over the top of it.

The images in the div are the same as beneath them only darker.. I want to roll over the images and have it show the image below.

I dont know if what I've got is right, or if I need something else to go along with it... Never tried Myspace rollovers before

Please help :)

Heres my codes:

CODE

CODE

<div class="nav1"><table id="Table_01" width="900" height="50" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_01.jpg" width="60" height="50" alt=""></td>
		<td>
			<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=323557430&MyToken=a1524fc5-9bba-4adc-a1f7-001167e09d66"><img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_02.jpg" width="162" height="50" alt=""></a></td>
		<td>
			<img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_03.jpg" width="120" height="50" alt=""></td>
		<td>
			<img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_04.jpg" width="193" height="50" alt=""></td>
		<td>
			<img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_05.jpg" width="133" height="50" alt=""></td>
		<td>
			<img src="http://www.littlekingdesign.co.uk/tpmyspace/images/buttons_06.jpg" width="232" height="50" alt=""></td>
	</tr>
</table></a></div>

Mickey

Mar 24 2010, 04:55 PM

That should be fine. You should really try it first rather than ask here. If it works, you'd have accomplished something without our help. If it doesn't, that's when you ask for help. But yeah, that should work.

golrg

Mar 24 2010, 06:49 PM

I did try it first.. thats why I asked.

I've managed to get it working now by using

CODE

<style>
.nav1 { top: 599px; width: 900px; margin-left: -450px; _margin-left: -450px; left: 50%; text-align: left; position: absolute; z-index: 9; }

.nav1 a:hover { border-top: none; visibility:hidden;}</style>
</style>

But now it flickers all the time. Is this due to a download issue?

Mickey

Mar 24 2010, 07:26 PM

No. It's the method you used to hide the images. When you place your mouse over those images their size becomes 0x0. When they are at that size your mouse is technically not over them anymore so they return to their original size. Once that happens the process repeats. That's why you end up with a flickering image.

If you tried it, you'd have known your first method works fine. Why waste time trying another?

golrg

Mar 24 2010, 07:35 PM

I tried the first one around 5 times and it just wont work. I can even drag the image away (mac) and see the image i want to reveal underneath.
The link works fine if that helps you at all.

Thanks for your help by the way, much appreciated.

Mickey

Mar 24 2010, 07:48 PM

How does it not work? I tried both methods and the first works best. That is the same one used on the Band Layout Tutorial. The second method flickers like you said and yeah, the link works but why would you want flickering rollovers? I don't get it.

Don't worry about it. Is this resolved now? Should I close it or what?

golrg

Mar 24 2010, 07:55 PM

you can close if you want, but its still not working. I'm using the exact codes i pasted here and it the weird thing now is that a small section of the button dissapears and reveals the background.

Mickey

Mar 24 2010, 07:58 PM

How about posting all your codes and a link to the page you're testing it on? A snippet is no good, wtf.

golrg

Mar 24 2010, 08:10 PM

Sorry. you've got mail.

Mickey

Mar 24 2010, 08:16 PM

Topic closed & moved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.