How to do nested ul-lists that validate and look ok? HTML forum at WebmasterWorld

Welcome to WebmasterWorld Guest from 54.242.188.217
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,

Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / HTML

Forum Library : Charter : Moderators: incrediBILL & tedster
HTML Forum

How to do nested ul-lists that validate and look ok?

the_nerd

msg:3179709

8:05 am on Dec 6, 2006 (gmt 0)

Hi,

now that I try and please W3's validator all my nested menus are broken. Maybe someone can lend me a hand?

I used to nest my menus like this:

ul
li/
li/
ul
li/
li/
/ul
/ul

That doesn't validate, although it's easy to format.

so now I did it in a correct (think so) way:

ul
li/
li/
li ul
li/
li/
/ul /li
/ul

w3 likes it, but the li that's nested around the inner ul always brings in a new line (or spacing or whatever) before the inner list.

How do I get the list to look "right"?

Thanks, nerd

SuzyUK

msg:3179738

8:57 am on Dec 6, 2006 (gmt 0)

>> (or spacing or whatever)

shouldn't be, however the <li> that you're nesting the child ul in should have it's usual other content (blue text below), you shouldn't need an extra list element for the sole purpose of nesting a UL in, the sample below has no gaps

<ul>
<li>list item one</li>
<li>list item two
<ul>
<li>nested list item one</li>
</ul>
</li>
<li>list item 3</li>
</ul>

or alternatively is there any CSS rules applied to the list that could be affecting the new nest?

Suzy

the_nerd

msg:3179765

9:38 am on Dec 6, 2006 (gmt 0)

Suzy,

thanks for your help. I had hoped to be able to post this "uhhhm sorry I figured it out now ...." before you came and nailed me ;-)

While looking for an answer I found this: [css.maxdesign.com.au...] (it's linked from w3.net, so I thought it's ok to mention here)

nerd

Global Options:

top

home

open messages

active posts

Home / Forums Index / Code, Content, and Presentation / HTML

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved

HTML Forum