Hi,
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).
Ta,
~Mx
On Mar 5, 2009 12:26am, Seona Bellamy <se...@pretentia.com> wrote:
> Hi guys,
> I'm in a bit of a bind here. I have a nested list that I have no control
> over - it's coming out of the CMS with this hierarchy and I can't change
> that. Here is an example of the unstyled list:
> - Main Navigation
> --- Page 1
> --- Page 2
> --- Page 3
> --- Subscriber Modules
> ----- Module 1
> ----- Module 2
> ----- Module 3
> ----- Module 4
[snip]
> Can anyone suggest a way that I can bring these two lists into the format
> I've been requested to?
> 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/
