Horizontal javascript menu and select box problem

Do something cool with CMS? Show us ...
This board is for 'Answers', and the discussion of answers... Not for questions.
Post Reply
xshark

Horizontal javascript menu and select box problem

Post 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!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal javascript menu and select box problem

Post by Dr.CSS »

Have you tried adding z-index:100 to the menu?...

A link would help if at all possible...
xshark

Re: Horizontal javascript menu and select box problem

Post 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
bterkuile
Forum Members
Forum Members
Posts: 97
Joined: Sun Jul 22, 2007 11:48 am

Re: Horizontal javascript menu and select box problem

Post 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.
xshark

Re: Horizontal javascript menu and select box problem

Post by xshark »

Oke, i dont know, how use this script :)))))
cyberman

Re: Horizontal javascript menu and select box problem

Post by cyberman »

Have tried it with IE 7, FF 2 and Opera 9 - cant see your posted result  ::) ...
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal javascript menu and select box problem

Post by Dr.CSS »

In IE6 only the dropdown box shows thru the menu...
cyberman

Re: Horizontal javascript menu and select box problem

Post 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
xshark

Re: Horizontal javascript menu and select box problem

Post by xshark »

Cyberman: yes, this problem is only IE6 :-( Exist if any XHTML standart?  >:(
cyberman

Re: Horizontal javascript menu and select box problem

Post by cyberman »

You can use something like

Code: Select all

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

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

Re: Horizontal javascript menu and select box problem

Post 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 :(
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal javascript menu and select box problem

Post 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}
xshark

Re: Horizontal javascript menu and select box problem

Post by xshark »

Mark: ok, i understand, thanx. I will redesign my template, and move the fucking dropdown box to the right side.
Post Reply

Return to “Tips and Tricks”