Forums

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

Home › Forums › CSS › help with list items

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 15, 2012 at 11:01 am #38927
    cybershot
    Participant

    I am having trouble trying to figure out the best way to line up these items. The thumb is floated left so that the title and date can be to the right of the image. Problem is that the layout breaks because of the floated image. Do you have a good solution?

    http://jsfiddle.net/vVd4J/

    July 15, 2012 at 1:02 pm #106145
    Senff
    Participant

    Instead of using a separate LI for each element (thumb, title and date), I would put all three of them in ONE LI.

    A bit like this: http://jsfiddle.net/senff/vVd4J/5/

    July 15, 2012 at 1:09 pm #106146
    wolfcry911
    Participant

    I agree with @Senff in that you only have 3 list items, I don’t like the overuse of divs however…
    Give this a look.

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