SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Multi column ul

  1. #1
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Multi column ul

    Hey,

    I am having trouble with this <ul> list. I wanted to use a 3 column list and followed a tutorial, but when i add a heading it goes all wrong. You can see it here:

    http://www.loumolloy.com/lou/

    At the bottom the links are all messed up..

    There should be 3 columns as follows:

    Customer Service
    Delivery
    Returns policy

    About us
    News
    Careers
    Events

    Contact us
    Stores
    Contact us
    Site map
    Any ideas why im having a problem? Is there a quick fix?

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,788
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    Just float three complete uls to the left.

    At present you cannot have a heading for each column because you're floating the list elements in this order:

    link1, link2, link3,
    link4, link5, link6,
    link7, link8, link9
    etc...

    You can't have the list go downwards and then start at the top again as you will have to wait for CSS3 for that (although we did something similar in a recent quiz it would prove too awkward for real use.) .

  3. #3
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah ok so i'm trying to do something that doesn't work yet

    Ok i will go back to my old way of doing it and wait for CSS 3. I hope CSS 3 has a lot to offer..

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy


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
  •