I have an unordered list where each list item has it's width set to 50%
and is floated left to acheive a two-column effect, which works good.
There is also a second level list inside each of the main list items
that I want to display in a typical list fashion. The problem I'm having
is when a 1st level list item's sub list is long, and the 1st level list
items to the right of it either don't contain a sub list or are short,
they won't uphold the two-column effect as is expected. An example of
the HTML is:
<ul>
<li>
<a href="">First Level Nav Item 1</a>
<ul>
<li>
<a href="">Second Level Nav Item 1</a>
</li>
<li>
<a href="">Second Level Nav Item 2</a>
</li>
<li>
<a href="">Second Level Nav Item 3</a>
</li>
<li>
<a href="">Second Level Nav Item 4</a>
</li>
</ul>
</li>
<li>
<a href="">First Level Nav Item 2</a>
</li>
<li>
<a href="">First Level Nav Item 3</a>
</li>
</ul>
The following will happen:
First Level Nav Item 1 First Level Nav Item 2
Second Level Nav Item 1 First Level Nav Item 3
Second Level Nav Item 2
Second Level Nav Item 3
Second Level Nav Item 4
My question is what is the best way to get "First Level Nav Item 3" to carry
underneath of "First Level Nav Item 1"
no matter how long it gets.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
