2009/3/7 <mx.css...@googlemail.com>

> From your layout above the only way I could get it to position correctly
> was with the following:
>
> HTML:
>
> <ul id="mainnav">
> <li>Main Nav
> <ul>
> <li>Page 1</li>
> <li>Page 2</li>
> <li>Page 3</li>
> <li id="submod">Subscriber Modules
> <ul>
> <li>Module 1</li>
> <li>Module 2</li>
> <li>Module 3</li>
> <li>Module 4</li>
> </ul></li>
> </ul></li>
> </ul>
>
>
> CSS:
>
> #mainnav {
> float: left;
> }
> #submod {
> position: relative;
> top: -65px;
> left: 60px;
> }
>
> -- This works with no other CSS included so you'll have to play around with
> top and left to ensure they line up (depending on your style of list).
>

The trouble is that the content of the two lists are coming from the CMS. If
I do it this way and another page is added under Main Navigation, then it
all falls over again because the list is a different length and so the
Subscriber Modules list will no longer be coming up far enough.

Thanks for the suggestion, though.

Cheers,

Seona.
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to