Re: [WSG] Problem with css dropdown menus
Andreas Boehmer [Addictive Media] wrote:
http://www.addictivemedia.com.au/clients/test/test.php
You will see that if youo move the mosue over the "Services" item,
the dropdown that appears lies behind the "Useful links" item. I
would rather have it infront of the "Useful links" item.
I actually thought that the z-index would allow me to move the
dropdown to the top, but that doesn't work.
Yes, it does, but you're adding 'position: relative; z-index: 1;' to all
states, so it has no effect on the stacking.
Restyle it so only the hovered state is positioned and stacked...
#primaryNav li{position: static /*default*/;}
#primaryNav li.Over,#primaryNav li:hover {position: relative; z-index: 1;}
...and the dropdown is automatically stacked in front when it appears.
It won't look much different though, since the dropdown "drop down"
below the two top-links. If you want the dropdown to *cover* the
top-links, then you also have to move it up.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Problem with css dropdown menus
On 9/28/06, Andreas Boehmer [Addictive Media] <[EMAIL PROTECTED]> wrote: ... If you have a look at this one: http://www.addictivemedia.com.au/clients/test/test.php You will see that if youo move the mosue over the "Services" item, the dropdown that appears lies behind the "Useful links" item. I would rather have it infront of the "Useful links" item. I actually thought that the z-index would allow me to move the dropdown to the top, but that doesn't work. Any suggestions? Maybe the z-index *would* work, but I really can't tell, what with the crapload of Javascript in there, as well as the document being HTML 4.01 Transitional, which I've never worked with before. I like "Strict" because it actually has some consistency about how CSS is handled across browsers. Plus, this sounds like a question for the CSS list, not WSG: http://www.css-discuss.org/ -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Problem with css dropdown menus
Hi guys, I was wondering if somebody could help me with this one: I am creating css dropdown menus and have got them pretty much working. The only little thing I am dissatisfied with is that the main menu buttons overlap the dropdowns, not other way around. If you have a look at this one: http://www.addictivemedia.com.au/clients/test/test.php You will see that if youo move the mosue over the "Services" item, the dropdown that appears lies behind the "Useful links" item. I would rather have it infront of the "Useful links" item. I actually thought that the z-index would allow me to move the dropdown to the top, but that doesn't work. Any suggestions? Thanks heaps! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
