HTML list tags such as ol and ul can be used nested within each other to display some hierarchal composition of web page content with ordered as well as unordered list of points. You can create a nested unordered HTML ul list with bullets inside the ordered HTML ol list. You can place the code assembly of ul tag along with its list items enclosed on HTML li tags inside the list item HTML li tag of outer HTML ol tag.
<ol type="1">
<li>Main ordered List item 1</li>
<li>
Below is an example of HTML nested unordered list with bullets
<ul type="disc">
<li>nested list item 1</li>
<li>nested list item 2</li>
Sub nested ordered list
<ol type="a">
<li>sub nested list item 1</li>
<li>sub nested list item 2</li>
</ol>
</li>
</ul>
Output:
Be the first to rate this post
Tags: html, html nested lists, html nested ul tag, html nested ol tag, html ul tag, html unordered list, html unordered list bullets, html ul tag type attribute, html tutorials, html ol tag, html li tag, nested ordered lists in html, nested unordered lists in html
7/19/2008 3:27:48 PM
This doesn't validate in Dreamweaver. "The tag <ul> is not allowed within <ol>
Xtopher
7/19/2008 3:44:20 PM
Hi Xtopher I think you are placing the <ul> tag outside the <li></li> list item tag of parent <ol> ordered list. You have to place the <ul> of nested unordered list within the <li> and </li> tags of <ol> as shown in the sample code above in order to validate its markup in Dreamweaver. Good Luck
top54u.com
8/23/2008 8:48:41 PM
