Grow your CSS skills. Land your dream job.

css bullets in 3 colum

  • # May 13, 2013 at 11:29 pm

    Hi,

    Css bullet is doable but how do you break it up into colums?

    [like this](http://www.mytravel22.com/login/sample.gif “like this”)

    # May 14, 2013 at 1:07 am

    3 lists would be the simplest way.

    If you can provide us with a link to the example site we could take a look at how they did it.

    # May 15, 2013 at 3:37 am

    Thanks Paulie_D,

    3 list works but i’ve ran into some alignment issue. Finally decided to go for html table with css styling instead. Looks acceptable.

    [sample](http://www.mytravel22.com/login/kemaman/test11.html “here”)

    # May 15, 2013 at 5:59 am

    >3 list works but I’ve ran into some alignment issue.

    I’d be happy to help you with this issue

    >Finally decided to go for html table with css styling instead. Looks acceptable.

    Maybe it looks acceptable but it’s the least optimal solution.

    # May 15, 2013 at 7:09 am

    I was able to put it together with width 33.33% and float left. You can check it out [here](http://codepen.io/David_Leitch/pen/wEnuk “http://codepen.io/David_Leitch/pen/wEnuk”). Hope it helps :)

    # May 15, 2013 at 7:18 am

    On looking at the the table implementation, the issue may be the double-line status of some of the list items.

    When one of the list items breaks on to two lines it looks ‘neater’ if the adjacent list items (left & right) also expand to the same height.

    Hard to replicate with lists as they are.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".