Nested Lists - Alignment

liunx

Guest
Hello<br />
<br />
I am getting frustrated with a nested list:<br />
<ol><br />
<li>blah blah<br />
</li><br />
<li><ol> <br />
<li class="listindent">blah blah</li><br />
<li class="listindent">blah blah</li><br />
<li class="listindent">blah blah</li><br />
</ol><br />
</li><br />
<br />
In other words I want to have 2 (a) and (b)..the problem is how to get the 2 on the same line as the (a)...Viewed in the browser the (a) always drops one line below the '2' making the design of the list look flawed to say the least!!!<br />
Any advice?<br />
<br />
Cheers<!--content-->want to use tables? or create div blocks and pot whatever and wherever you want.<br />
<br />
Cheers<br />
<br />
Khalid<!--content-->Are you looking for something like this:<br />
<br />
1 blah blah<br />
2---1 blah blah<br />
-----2 blah blah<br />
-----3 blah blah<br />
<br />
OR<br />
<br />
1 blah blah<br />
2<br />
----1 blah blah<br />
----2 blah blah<br />
----3 blah blah<br />
<br />
?<br />
<br />
In any event, the code you posted (aside from missing a </ol> tag) renders in IE5/Mac like the first example I illustrated above.<br />
<br />
The first item in the nested list is on the same line as the second item in the first list.<br />
<br />
If you want the first item in the nested list 1 LINE BELOW the second item in the first list, use the code below:<br />
<br />
<ol><br />
<li>blah blah</li><br />
<li>&nbsp;<br />
<ol><br />
<li>blah</li><br />
<li>blah</li><br />
<li>blah</li><br />
</ol><br />
</li><br />
</ol><!--content-->Try the following<br />
<br />
<ol><br />
<li>Blah blah</li><br />
<li>&nbsp;<br />
<ol style="position: relative; top: -1em"><br />
<li>Blah blah</li><br />
<li>Blah blah</li><br />
<li>Blah blah</li><br />
</ol></li><br />
</ol><!--content-->Thanks a lot to all of you for replying and the winner is the margin-top -1em solution!!<br />
Thanks<!--content-->
 
Back
Top