www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] css navigation list

  1. #1
    Join Date
    Oct 2005
    Posts
    38

    resolved [RESOLVED] css navigation list

    hey people i want to create a list of links.

    i want the list to be horizontal
    i want each link to be a box (rather than just the text being the link the whole 'box' to be it)
    i want to display 7 links, spaced out evenly

    the only problem is i dont know how to do the latter two things. i can get my list to appear horizontally and thats about it.

    What css commands should i look at?

    and whats the best way to layout my declarations in the css file?

    mucho thanks

  2. #2
    Join Date
    May 2004
    Location
    FL
    Posts
    3,447
    This link should give you the direction you need.
    Lee

    ""Men occasionally stumble over the truth, but most of them pick themselves up and hurry off as if nothing ever happened."" -- Sir Winston Churchill

  3. #3
    Join Date
    Aug 2007
    Posts
    3,767
    Float the <li>s left, display:block, and give then a width of 14% (roughly 100/7). For the box effect, just give them a border.
    List tutorial seems a pretty basic place to start, and explains the steps in detail.
    Great wit and madness are near allied, and fine a line their bounds divide.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles