Hi Tomek, thanks again.
With you tips and firebug i come a bit further to how it's needed to
be, now the 2nd menu is positioned ok to the right of the 1th menu.
Still, same problem remains that if you roll over the horizontal nav
everything is shown and hidden.
I installed a clean project to be sure i didn't made some errors
myself, but still the 2nd nav is not working correctly, it surprises
me that it is like that in the default installation of farcry.
I mean i can check the css but if the menu system is not working, how
can i resolve it?
If i create submenu's under an item in a dropdown menu, it should be
shown only when you rollover that specific item, now if i create more
submenu's under different items in the same dropdown menu, they are
aligned over eachother and not showing and hidding by the rollover
action on the item they are under.
Is this css related or is it just a fact that the menu structure isn't
functioning?
Is there anyone using the mollio css and got a working menu with 2nd
level navs?
Thanks
On Sep 10, 11:02 pm, "Tomek Kott" <[EMAIL PROTECTED]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
