11 List Semantics

Thanks, Jim, I see it now. It was just a really weird thing I had never considered before. Funny, I got so used to seeing sloppy html tutorials where the lis were not closed I assumed that the ul was a child of a ul. I never read (or looked for) a clarification.

posted at 10:37 am on March 30, 2005 by GC

12 improvement is possible

It’s nice to read how a solution evolved, but I think that by this way of creating and ajusting you don’t get the most optimal solution.

for example. you style the UL element to get a folder-icon while instead you can just use the a.parent element.

ul.sitemap li a { background : transparent url(’/man/images/sitemapdocbullet.gif’) no-repeat; margin-left : -1.1em; padding-left : 1em; }

ul.sitemap li a.parent { background : transparent url(’/man/images/sitemapfolderbullet.gif’) no-repeat; }

Your solution is very very nice if you don’t want to add a class=parent to your html, but if you do you might want to exploit this.

posted at 10:59 am on March 30, 2005 by Gerben

13 Inventor of wheel

What’s so new about this? This technique is as old as it could be. Nested ULs… Heureka, you have invented the wheel.

posted at 12:56 pm on March 30, 2005 by dusoft

14 Not the first one :)

“The first example I ever come across of…”

Hm. I already made “an icon-styled unordered list made exclusively with CSS” at http://www.os2world.com/wpidistro/en/status_t.htm
almost two years ago – I was beginning with CSSs so I used simple list-style-image and more classes for different kinds of containers and packages…

I never thought I’d find something like this in ALA.

Interesting comment from Miriam about computer-illiterate users. Webdevelopers beware as well!

posted at 01:11 pm on March 30, 2005 by Alfredo Fernández Díaz

15 re: wheel inventing and being the first

dusoft,

The article isn’t about creating nested unordered lists. It is about styling nested unordered lists in a way that is reminiscent of a folder structure.

You may want to reread the article.

Alfredo,

I wish I knew about your page last spring before I developed this article. I had been searching for this very thing for a long time and could never find anything,. I suppose i just wasn’t using the right search terms at the time. Thanks for the link. It’ll be nice for readers two see two methods of stylising the sitemap.

posted at 01:49 pm on March 30, 2005 by Kim Siever

16 Bad icon positions for Opera

The folder icons aren’t positioned at the exact place in Opera. Nice article!

posted at 02:20 pm on March 30, 2005 by Oliver

17 Actual projects (non-demos) rarely appear on magaz

Kim, thank YOU for the appreciation.
Of course you the ideas there can be re-used if you ar someone ever need several container/children types.

I tried and submit things like these to ALA several times but for whatever reason I never succeeded ;-(
and unfortunately I spend more time programming than doing web design things (any job offers, anyone!?) so I recycle them all the time in some other projects, where they are part of the actual thing, and therefore non-relevant for search engines: the page is #1 in Google when searching for “WPI Distro” but not for anything related with CSS styles.

Hopefully, some time in the future I’ll build a personal website with my stuff (webdesign related or not) properly categorized so next time everything appears on search engines ;-)

posted at 02:31 pm on March 30, 2005 by Alfredo Fernández Díaz

18 Opera

Oliver,

I just checked in Opera 7.54 and it looks the same to me as it does in FF.

Glad you liked the article.

posted at 02:39 pm on March 30, 2005 by Kim Siever

19 No Wonder ALA Isn't Taking Any More Submissions

I thought this technique was sweet in 2002.

I’ll tell you what I could really use, though – another article on CSS Dropdown Menus.

posted at 03:00 pm on March 30, 2005 by anonymous coward

20 Re: No Wonder ALA...

FWIW, I thought it was sweet in 2004 when I developed it.

posted at 03:02 pm on March 30, 2005 by Kim Siever