Hv menu v5.5 and embeded youtube video

1) Script Title:HV menu v5.5

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...menu/index.htm

3) Ive been embedding you tube video's for a new page idea on my site, all was going well until i noticed that the hv menu sub menu's drop down behind the video's.

I haven't uploaded the page to my server yet as its a work in progress, so i cant show you the problem.

Could someone please help?

provide the link of your site without that I think it will be more difficult to find a solution.

Hi thanks for the reply

Ive uploaded a rougth copy to a spare server, with just enougth of the external css to make it work.

http://www.superbargain.co.uk/videotest.html

Heres a link to the javascript file that runs the HV menu

http://www.superbargain.co.uk/exmplmenu2_var.js

Heres another that i think is related,

http://www.superbargain.co.uk/menu_com.js

If no one can help me with the HV MENU could someone please point me in the direction of an alternative css or javascript menu that has submenu's please?

If no one can help me with the above questions, could someone point me in the direction of another forum or somewhere else i could get help?

I was just told on another forum that the problem with the HV menu could be solved by altering the z-index css property.

Could anyone offer some advice of how this could be done? im familiar with css2.0 but ive not had to use or alter the z-index yet.

Code:

---

some_element{
z-index:999;
}

---

z-index is like "layering" things on your page. The higher the number of an element, means it will overlap other elements which have a lower z-index.

Quote:

---

Originally Posted by Nyne Lyvez

Code:

---

some_element{
z-index:999;
}

---

z-index is like "layering" things on your page. The higher the number of an element, means it will overlap other elements which have a lower z-index.

---

Thanks for the information Nyne Lyvez

I take it the some_element{ part of the css is the style number?

yes, "some_element" would be whatever element you are trying to style... whether it actually be an "element" or a certain "class" or "id".

I'm recanting my previous post...

I hadn't actually downloaded the script you're working with to test, I was just giving basic info about css.

To fix your problem, you need to open the file "menu_com.js" and look for this line:

Code:

---

var Ztop=100

---

When you've found that line... Replace it with this:

Code:

---

var Ztop=1001

---

This will change the z-index of the layer that menu is on.

Hope all this helps!

Quote:

---

Originally Posted by Nyne Lyvez

I'm recanting my previous post...

I hadn't actually downloaded the script you're working with to test, I was just giving basic info about css.

To fix your problem, you need to open the file "menu_com.js" and look for this line:

Code:

---

var Ztop=100

---

When you've found that line... Replace it with this:

Code:

---

var Ztop=1001

---

This will change the z-index of the layer that menu is on.

Hope all this helps!

---

Thanks again Nyne Lyvez

Ill alter the code in the next few minutes and let you know if it works.

I tried changing the var Ztop to 1001 with no luck.


Thanks for your assistance

try adding this to your css stylesheet...

Code:

---

object,parm,embed{
z-index:50 !important;
}

---

That is assuming you left the bit of code I gave you in my previous post to change the z-index of the menu to 1001.

Quote:

---

Originally Posted by Nyne Lyvez

try adding this to your css stylesheet...

Code:

---

object,parm,embed{
z-index:50 !important;
}

---

That is assuming you left the bit of code I gave you in my previous post to change the z-index of the menu to 1001.

---

Do you mean i should go back to the menu.com.js file and change the var z-index back to 1001?

yes, change Ztop back to 1001....

then add the above to your css stylesheet


Let me know if it works or not

Quote:

---

Originally Posted by Nyne Lyvez

yes, change Ztop back to 1001....

then add the above to your css stylesheet


Let me know if it works or not

---

Hi Nyne Lyvez

Sorry about this but the HV menu doesnt have a related css file, ive been looking through my files trying to find a css reference to it but there isnt one.

I should have known this, but im having a bad day.

Im not sure how i can proceed with this now, obviously is completley controlled via the two javascript files.

Sorry to waste your time

Thanks for your help though, much appreciated

Geez, the z-index shouldn't matter (though may be required for a final tweak). The menu should already go over normal elements. I thought it was commonly known around here, but apparently not. For HTML to appear over Flash, you need wmode transparent:

Quote:

---

Add in this language to your object/embed tag -

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following attribute to the EMBED tag:

wmode="transparent"

---

Quote:

---

Originally Posted by jscheuer1

Geez, the z-index shouldn't matter (though may be required for a final tweak). The menu should already go over normal elements. I thought it was commonly known around here, but apparently not. For HTML to appear over Flash, you need wmode transparent:

---

Thanks jscheuer1


Ill make the alterations later.

Quote:

---

Originally Posted by jscheuer1

Geez, the z-index shouldn't matter (though may be required for a final tweak). The menu should already go over normal elements. I thought it was commonly known around here, but apparently not. For HTML to appear over Flash, you need wmode transparent:

---

Hi jscheuer1

Ill have a play around adding the extra code you posted, but could you please show me where to place it in the code below?

<object width="230" height="200"><param name="movie" value="http://www.youtube.com/v/bJqCFzHUekk&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/bJqCFzHUekk&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="230" height="200"></embed></object>

I seems to have worked, thanks a lot for your help.