Page 1 of 1

Horizontal javascript menu and select box problem

Posted: Mon Aug 27, 2007 5:31 pm
by xshark
Hello Gurus,

It is the nightmare :-)...  I use the horizontal java script menu, and a select box under this menu. My problem, the select box show through to menu. This is the effect: http://www.gwen.hu/select.jpg  I add the z-index:-1 tag to the select form style, but not working...

How can i fix this problem?

Thanx!

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 3:44 am
by Dr.CSS
Have you tried adding z-index:100 to the menu?...

A link would help if at all possible...

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 7:42 am
by xshark
Hello Mark,

I was add z-index:100 to my menu (to the #menu_vert element), but its'n working...

The real link is http://vivanetcms.tartalomkezelo.hu

thanx a lot!


Tamas

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 9:30 am
by bterkuile
This is a common Internet explorer thing. The best solution is to convince all people to not use Internet explorer, the second best solution is to put an iframe element under your menu element. This method is called iframe shim.
A workable solution is given in:
http://www.soxiam.com/Code/UsingIframeS ... electBoxes
But you still need some extra javascript to get it all done.

Another way, less elegant, would be hiding the element when the menu is active.

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 2:18 pm
by xshark
Oke, i dont know, how use this script :)))))

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 3:07 pm
by cyberman
Have tried it with IE 7, FF 2 and Opera 9 - cant see your posted result  ::) ...

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 4:25 pm
by Dr.CSS
In IE6 only the dropdown box shows thru the menu...

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 4:32 pm
by cyberman
mark wrote: In IE6 only the dropdown box shows thru the menu...
Upps - where's my IE6 ::)? The wicked windows update function has overwritten :-\ ...

OK, will install "Multiple IE"

http://tredosoft.com/Multiple_IE

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 4:42 pm
by xshark
Cyberman: yes, this problem is only IE6 :-( Exist if any XHTML standart?  >:(

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 5:32 pm
by cyberman
You can use something like

Code: Select all

{literal}
<!--[if lte IE 6]>

<![endif]-->
{/literal}
for setting conditions only for IE6.

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 5:59 pm
by xshark
Cyberman:

I put your code to my template :

Code: Select all


{literal}
<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{/literal}

...but not working, dropdown box shows thru the menu :(

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 6:39 pm
by Dr.CSS
The code you posted is just to get IE6 to drop down or fly out the menu, what he was saying is if you have something you want to serve to IE6 only put it in between...

{literal}

Your thing/code/script here....

{/literal}

Re: Horizontal javascript menu and select box problem

Posted: Tue Aug 28, 2007 7:15 pm
by xshark
Mark: ok, i understand, thanx. I will redesign my template, and move the fucking dropdown box to the right side.