Lists inside lists!

[Cronthenoob]

I've got something like this :

<ul>  <li>Item 1</li>  <li>Item 2</li>  <li>Item 3</li>   <ul>	<li>3.1</li>	<li>3.2</li>	<li>3.3</li>   </ul></ul>

The HTML validator doesnt like lists inside lists i guess. Is there an easy way to fix this?It displays the page the way i want it to, but it probably isn't the best way to accomplish this.

[boen_robot]

Enclose the nested <ul> in a list item, like this:

<ul>  <li>Item 1</li>  <li>Item 2</li>  <li>Item 3</li>  <li>   <ul>	 <li>3.1</li>	 <li>3.2</li>	 <li>3.3</li>	</ul>  </li></ul>

Or better yet, enclose it as a child of the third item to which it belongs to anyway:

<ul>  <li>Item 1</li>  <li>Item 2</li>  <li>Item 3	<ul>	 <li>3.1</li>	 <li>3.2</li>	 <li>3.3</li>	</ul>  </li></ul>

[Cronthenoob]

Thanks a bunch!That was quite simple. I always seem to be ignorant to the small things.I wish i would have known to do that before i made that huge list, that was a pain to fix

[justsomeguy]

I ran into this too. If you want or need to use this method:

<ul>  <li>Item 1</li>  <li>Item 2</li>  <li>Item 3</li>  <li>   <ul>	 <li>3.1</li>	 <li>3.2</li>	 <li>3.3</li>	</ul>  </li></ul>

but don't want the extra bullet to appear for the nested list, you can use CSS to hide it:

<ul>  <li>Item 1</li>  <li>Item 2</li>  <li>Item 3</li>  <li style="list-style-type: none;">   <ul>	 <li>3.1</li>	 <li>3.2</li>	 <li>3.3</li>	</ul>  </li></ul>