Related Entries

CSS IEeeeeee
CSS Techniques
Proper use of CSS in layout
Style switcher
IE5.5 and CSS dotted border

« Friday Five: 2002.09.27
» RedHat GUI

Taming lists

Pretty cool CSS tricks to make LI element do wonders.

Mark Newhouse writes in A List Apart; using lists in HTML using CSS. Very nicely written article.

I particularly liked Mark’s idea about bread-crumbs. Symantically, bread-crumbs and the top and bottom navigation in this site should be list elements. Since I wanted this to look usable in Lynx as well, I didn’t even consider using lists for this. Perhaps I should’ve.

Here’s another example for navigation bar. Usual designers would’ve run to Photoshop or Fireworks to create the graphics, slice it and then export it. Usually resulting in a mess of Javascript, tables and spacer images. Mark got it done with CSS. Usable and accessible.

//-->