Hi Tomek thanks for your reply.
The main problem is that as soon as you manipulate the #nav li id, the
first drop down nav and the second are effected as they are both in
the range of #nav li. So what you suggest does work, only now also the
first menu is moving and moves to the right from the horizontal nav
where it needs to be under.
Also because of this same range of id for both first and second nav it
is that they both appear when you roll over the horizontal nav, while
it should be that the second nav is only appearing when you roll over
the first nav item that holds more nav to be displayed next to it.
I also checked this with the original unchanged version of the
main.css of mollio, and same problem there.
But thanks anyway as you gave me some direction on which i might be
able to solve this.
Thanks.
On Sep 10, 9:46 pm, "Tomek Kott" <[EMAIL PROTECTED]> wrote:
> Marco,
>
> You might need to have a fixed width 1st menu (say 2em), and then use
> margin-left or padding-left: 2em to move things to the right by the same
> amount. So:
>
> #nav li {width: 2em;}
>
> #nav li ul {border-left: 1px solid #c00;background: #940808;font-size:
> 90%;margin-top:0px;position: absolute;font-weight:normal;left: -999em}
>
> #nav li:hover ul, #nav li.sfhover ul {left: 0; padding-left: 2em;
> z-index:99999}
>
> or you could try "position: relative" and then :
>
> #nav li {width: 2em;}
>
> #nav li ul {border-left: 1px solid #c00;background: #940808;font-size:
> 90%;margin-top:0px;position: relative;font-weight:normal;left: -999em}
>
> #nav li:hover ul, #nav li.sfhover ul {left: 2em; z-index:99999}
>
> but i'm less sure about that one.
>
> Good luck,
>
> Tomek
>
> On Wed, Sep 10, 2008 at 2:19 PM, Marco van den Oever <
>
> [EMAIL PROTECTED]> wrote:
>
> > Hi, can anyone give me direction on how to alter the css of the 2nd
> > level drop down menu?
> > I thought initially that it was the css with the comment second-nav /
> > 2nd tier etc, but that is just the left secondary menu (of course).
>
> > So how to individually manipulate the css for the 2nd level drop down?
>
> > Right now the 2nd level drop down is falling over the 1th level drop
> > down and thereby hiding the items of the 1th level, also it is
> > initially showing when it should be hidden, seems that the showing /
> > hiding is not working at all.
>
> > I altered the original main.css to be able to change stuff as needed
> > for the project.
>
> > Anyone had an similar experience and / or tips???
>
> > I know that i should be able to use the following css for the 2nd drop
> > down menu, but with what id?:
>
> > #nav li ul {border-left: 1px solid #c00;background: #940808;font-size:
> > 90%;margin-top:0px;position: absolute;font-weight:normal;left: -999em}
>
> > #nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
>
> > Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"farcry-dev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/farcry-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
