|
|
Posted by dorayme on 11/03/06 23:47
In article <slrnekng9r.9mm.spamspam@bowser.marioworld>,
Ben C <spamspam@spam.eggs> wrote:
> On 2006-11-03, z <news01.web@mailnull.com> wrote:
> > I'm trying to make a horizontal dropdown menu in CSS something like this:
> > http://www.weblens.org/templates/sample_menu.html
> >
> > The difference is that I want the secondary menu items to always be flush
> > with the left side, not starting under the parent list item.
> >
> > Instead of:
> >
> > Item1....Item2....Item3
> > ..................Item3-sub1....item3-sub2
> >
> > I want it like this:
> >
> > Item1....Item2....Item3
> > Item3-sub1....item3-sub2
> >
> > Is there a way to do this in CSS?
>
> Of course, there are many ways.
>
> It can be achieved with two small changes to the example you posted.
>
> 1. Get rid of position: relative from the selector for #mainMenu li
>
> 2. Change left: auto in the selector #mainMenu li>ul to left: 0
>
Well done Ben.
There is a most amusing effect (unaffected by Ben's fix for the
submenu) to be seen from
<http://www.weblens.org/templates/sample_menu.html> in iCab. For
all you Mac users, take a look and see if you can keep up with
the marching-down-the-page-menu-bar! Now this is something I
don't think I have ever seen before. Very dynamic!
--
dorayme
Navigation:
[Reply to this message]
|