Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Inline Nested Lists

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 17, 2010 at 8:59 pm #30726
    Jest
    Member

    I’m not sure if this is possible, as I am not very skilled with CSS, but that’s why I am here. Hopefully someone has some insight for me.

    I have some data I want to display. To display I thought it would be best to use nested lists.

    I have one main inline list and each one of those has an inner list. I want the outside list to be inline, but the inner list to be ‘block’. I know by default block takes up 100% width, is there another option that will keep the main list inline?

    I made an image of what I am trying to accomplish.
    http://i.imgur.com/i7ABr.png

    Anyone have any ideas?

    November 17, 2010 at 9:15 pm #74733
    TheDoc
    Member

    Looks like a table to me!

    Tables aren’t the devil as long as they are used properly – in this case, for displaying data!

    November 17, 2010 at 9:17 pm #74734
    mrking
    Member

    I agree with TheDoc. Those are not inline lists.

    Can you explain more?

    November 17, 2010 at 9:20 pm #74736
    Jest
    Member

    I guess I could use a table. It’s just been so ingrained into my brain that “tables = the devil”. Oh well. Thanks for pointing out the obvious. -_-‘

    November 17, 2010 at 9:25 pm #74741
    TheDoc
    Member

    Yea, it’s unfortunate that people have that mentality. Tables certain have their place in the development world, just so long as it isn’t a part of layout!

    November 17, 2010 at 9:25 pm #74742
    mrking
    Member

    Found this vid for styling tables.

    https://css-tricks.com/video-screencasts/61-basic-table-styling/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.