Contact Jan Thomas Consulting

May 14, 2007

CSS: create a navigation bar using the CSS list tag

Filed under: Programming Techniques — jan @ 1:20 pm

Here’s a quick way to create a navigation bar in CSS:  use a list.  The list-style: none removes the bullets.  The display: inline tells the list items to be positioned horizontally across the page.  I’ve used this solution when the navigation is simple.

#navlist li
{
list-style: none;
display: inline;
}

The top menu bar of this blog is created using this technique.

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

You must be logged in to post a comment.

Powered by WordPress