Ohhh, right.
I guess the things you would have to set are (and NOT using #nav li)
/*First Level (keep as original)*/
#nav ul
#nav ul li // old #nav li)
/*Second Level*/
#nav ul li.hover ul {left: 0; z-index:99999}
#nav ul li ul {left: -999em; padding-left: 2em; }
#nav ul li ul li
Just make sure to set the same attributes on both sets of lists (ul and ul
li ul), just to different values, so that you overwrite everything you need
to.
I would also inspect the inheritence using something like the Firebug add-on
for firefox. It might tell you which of your settings is screwing things up.
CSS can be frustrating, good luck.
Tomek
On Wed, Sep 10, 2008 at 4:29 PM, Marco van den Oever <
[EMAIL PROTECTED]> wrote:
>
> 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
-~----------~----~----~----~------~----~------~--~---
