Flash on top of HTML help cant find a solution

2009-01-05

been with this problem for the last 3 weeks and is been very stressful to the point my boss wants to pull the plug on this project and probably my job is at risk now =(
yea i sound pathetic but have nowhere else to go

got the script when i googled it and seem to work but is not 100% there yet
and when i thought i was almost done i noticed i couldn't click on the pictures or links

http://www.alpineco.com/Copy%20of%20...exus-3481.html

please any advice i'm willing to follow and try or someone had run into this before or i'm the only idiot that is stuck on this...

thanks for any help I know i came to the right place...

chrismann · 2009-01-05 #2

yeah... Unless someone knows something I don't know... you can't put links behind a transparent Flash file.

I can see two options:

1. Use Javascript, not Flash for your menus (mootools is an easy implementation)

2. Maybe you can split your menu into two SWFs. One for the menu and one for the dropdowns. If placed in separate DIVs, you can hide the rollover div when the menu is not rolled over, and show it when the menu IS rolled over using javascript functions. -- similarly you might be able to change the size of the div dynamically with javascript, but I have not seen that work.

Good luck

Salvaje101 · 2009-01-09 #3

Thank you chrismann but still not working the flash overlaps the html and the areas that are buttons or links don't work once the flash is on top of the html =(

Nutrox · 2009-01-09 #4

It is possible to fix but depending on how your page is structured this might not be suitable for you.

( 1 ) You set the CSS position value of the Flash movie to absolute, and set the z-index value to 1

( 2 ) You set the CSS position value of the HTML element containing the links to absolute, and set the z-index value to 2

Code:

#flash
{
    position:absolute;
    z-index:1;
}

#linkbox
{
    position:absolute;
    z-index:2;
}

Apart from that there isn't much you can do as far as I know.

chrismann · 2009-01-09 #5

Good idea Nutrox, hadn't thought of that... but won't that put the html data in front of the dropdown menus and make them inaccessible? Perhaps a combination of a javascript function to swap zdepths of those divs when the menu is rolled over, and swap them back when not rolled over?

Salvaje101 · 2009-01-09 #6

im lost =(

Nutrox · 2009-01-09 #7

To be honest Salvaje, I think you are going to need to deal with the navigation system in a different way. It will be easier to redesign the navigation instead of trying to hack around the problem, and three weeks with no working solution is a good sign there isn't one, at least not one that is going to work for you here.

chrismann · 2009-01-09 #8

I'd have to agree with Nutrox. Dropdown menus using Flash is really not going to work well for you here.

Here's a good tutorial on using MooTools menus... I've used them before and found to be quite easy to build.

http://www.php-help.ro/mootools-12-j...g-mootools-12/

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:


	Ultrashock Forums > Flash > Flash Newbie • Flash on top of HTML help cant find a solution


		You are currently viewing our website as a guest which gives you limited access to forums, files and other resources. Click here to join now for free, and start interacting with our members, download files and much more! Click here if you are looking for our Flash files and other professional assets.

	chrismann	2009-01-05 #2
	Last edited by chrismann : 2009-01-05 at 13:40. yeah... Unless someone knows something I don't know... you can't put links behind a transparent Flash file. I can see two options: 1. Use Javascript, not Flash for your menus (mootools is an easy implementation) 2. Maybe you can split your menu into two SWFs. One for the menu and one for the dropdowns. If placed in separate DIVs, you can hide the rollover div when the menu is not rolled over, and show it when the menu IS rolled over using javascript functions. -- similarly you might be able to change the size of the div dynamically with javascript, but I have not seen that work. Good luck

	Salvaje101	2009-01-09 #3
	Thank you chrismann but still not working the flash overlaps the html and the areas that are buttons or links don't work once the flash is on top of the html =(

	Nutrox 13 Creative Assets	2009-01-09 #4
	It is possible to fix but depending on how your page is structured this might not be suitable for you. ( 1 ) You set the CSS position value of the Flash movie to absolute, and set the z-index value to 1 ( 2 ) You set the CSS position value of the HTML element containing the links to absolute, and set the z-index value to 2 Code: #flash { position:absolute; z-index:1; } #linkbox { position:absolute; z-index:2; } Apart from that there isn't much you can do as far as I know.

	chrismann	2009-01-09 #5
	Good idea Nutrox, hadn't thought of that... but won't that put the html data in front of the dropdown menus and make them inaccessible? Perhaps a combination of a javascript function to swap zdepths of those divs when the menu is rolled over, and swap them back when not rolled over?

	Nutrox 13 Creative Assets	2009-01-09 #7
	To be honest Salvaje, I think you are going to need to deal with the navigation system in a different way. It will be easier to redesign the navigation instead of trying to hack around the problem, and three weeks with no working solution is a good sign there isn't one, at least not one that is going to work for you here.

	chrismann	2009-01-09 #8
	I'd have to agree with Nutrox. Dropdown menus using Flash is really not going to work well for you here. Here's a good tutorial on using MooTools menus... I've used them before and found to be quite easy to build. http://www.php-help.ro/mootools-12-j...g-mootools-12/