SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    97
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Rewriting a sloppy HTML page with CSS

    I'm in the middle of rewriting one of my pages with CSS. I can't quite get my navigation menu correct.

    Here is the new page I am making: http://dangerouslyfun.com/index2.html

    I want the navigation to look more like this, with images spread out evenly with links centered above them: http://dangerouslyfun.com/

    I also need to be able to add new links/images to the navigation without too much fuss. Any suggestions?

    Thanks,
    volare

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Give your list items a % width based on how many items you want to appear on each line and then make them text-align: center. You're better floating them left than right too cos otherwise they'll appear in reverse order.

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    97
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks...it's much better now. I still can't get the all of the images to clear below the red links though.

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Making #navigation ul a display: block should sort that out. (You may also need to float the anchors left for IE in that case though).

  5. #5
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    97
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're good. I tried I lot of things but wouldn't have thougt of that. Thanks.


Bookmarks

Posting Permissions

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