...

View Full Version : need dropdown to appear in front



sixrfan
06-02-2010, 04:31 PM
i'm using the process outlined here (http://wphacks.com/how-to-make-categories-drop-down-menu/) to create the horizontal category navigation bar on this site: http://castilloleathergoods.com/.

"Pool Cue Cases" is the only category that has any child categories so when you hover over that heading, you'll see the dropdown.

In Internet Explorer, part of the dropdown gets covered by the rotating image gallery plugin on the homepage. what do i do so that the dropdown appears in FRONT of this content???

please advise. thanks.

Scriptet
06-02-2010, 04:49 PM
You need to set the z-index of your navigation menu so that it has a higher stacking order than the gallery. Therefore adding something like:


#navigation{ position:relative; z-index:100; }

Should do the trick. The position:relative; is there because the z-index of an element can only be set on elements which are positioned.

sixrfan
06-02-2010, 04:56 PM
thanks. but no dice. it doesnt seem to be working in Firefox either.

please advise.

Scriptet
06-02-2010, 05:00 PM
Well if I add the line I posted above to the bottom of your screen.css it works in Firefox for me.............

abduraooft
06-03-2010, 09:31 AM
Have a try by setting position:relative;z-index:10; to #navigation li

Scriptet
06-03-2010, 02:07 PM
Yeah this procedure is also described in one of the comments (http://wphacks.com/how-to-make-categories-drop-down-menu/#comment-3866) from the article you used if it helps at all.

sixrfan
06-07-2010, 02:54 PM
this seems to have worked.


#navigation li ul { z-index:5; }

on a related topic though, how do I make it so that some sort of indicator (i.e. >> or ↓ or ▼) appears right next to that heading so that visitors know to hover over it to see the dropdown????



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum