« RSS feed problems | Main | Microsoft using PHP/MySQL on Apache? »
March 03, 2005
Floating lists side-by-side
In order to have two lists side-by-side the only way we used to be able to do it was by placing both lists in a table cell. Anyone who has mastered tables knows this isn't any big deal, but trying to do it without tables using CSS can prove to be a bit of a challenge for some.
Formerly a surgeon, Nandini Doreswamy is now a systems and wireless LAN engineer living in Auckland, New Zealand. Her passion for web standards emerged when she designed websites for the two companies she owns and operates, Radius Networks and Helion Training. In her article Bulleted Lists: Multi-Layered Fudge, she says:
Designing our company’s website in CSS was coming along nicely until I hit a roadblock. The challenge was to create two columns of bulleted lists in the flow of the text. The layout I had in mind was something like this:Paragraph 1
Bulleted list | Bulleted list
Paragraph 2
Bulleted list | Bulleted list
Paragraph 3
Bulleted list | Bulleted list
...and so on
You can view the page she was having trouble with and use your browser "view source" to see the nice clean job she did of marking the page up.
My only comment is I might have used and XHTML DTD instead of HTML 4.01 Transitional. Still... a great job, and great article.
Posted by Steve MacLellan at March 3, 2005 11:27 AM
Trackback Pings
TrackBack URL for this entry:
http://www.homebusiness-websites.com/mt/mt-tb.cgi/140
Comments
Post a comment
Thanks for signing in, . Now you can comment. (sign out)
(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)