10 Quick and Dirty Ways to Lay Out a List of Links

The best way to lay out a list of links — say, like those you would find in a footer — is typically to code them as an HTML list and use CSS for the presentation.

However, sometimes this is neither convenient nor practical (can you say, "legacy CMS"?).

In which case, here are some variations on how you can separate a list of links, starting with the old standby, the vertical bar or pipe.

1. Vertical bar [ | ]

Copyright | Privacy | RSS Feed | Sitemap

2. Broken vertical bar [ ¦ ]

Copyright ¦ Privacy ¦ RSS Feed ¦ Sitemap

3. Medium list dot [ · ]

Copyright · Privacy · RSS Feed · Sitemap

4. Big list dot [ • ]

CopyrightPrivacyRSS FeedSitemap

5. Colon [ : ]

Copyright : Privacy : RSS Feed : Sitemap

6. En-dash [ – ]

CopyrightPrivacyRSS FeedSitemap

7. Forward slash [ / ]

Copyright / Privacy / RSS Feed / Sitemap

8. Generic currency symbol [ ¤ ]

Copyright ¤ Privacy ¤ RSS Feed ¤ Sitemap

9. Lozenge [ ◊ ]

CopyrightPrivacyRSS FeedSitemap

10. Diamond [ ♦ ]

CopyrightPrivacyRSS FeedSitemap

Posted on: June 4, 2009 | No comments

Recent Entries in "Web Design"

Comments

Comments are closed for this entry.

Subscribe

Subscribe to my RSS FeedSubscribe to my Web Design Blog RSS Feed

TOP STORES

Categories

Proud member of 9rules network