Forums

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

Home Forums CSS Forcing thumbnails into a box

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #26351
    amnesiacen
    Participant

    I have a list of thumbnails generated from wordpress. They seem to overrun the box ( #thumb-list ) that contains them. I’ve been trying to get them to stack nicely inside a 500px box.

    The finished result would be a collection of thumbs 4 rows high and 4 columns wide. without having to use a scroll bar.

    Here’s the code I’ve got so far:

    Code:
    #thumb-list { margin-left: 30px; max-height: 500px;}

    ul#thumb-list { display: block; width: 75px;}

    #thumb-list a.grid-product { display:block; height:120px; width: 85px; }

    Here’s the site:
    [url]
    http://www.shinypropagandamachine.com/design[/url]

    Any help is much appreciated!

    Cheers,
    Brandon

    #65055
    TheDoc
    Member

    First off, the code is way off. The following is very wrong:

    Code:

    It should be:

    Code:

    Once you have that fixed, you’ll simply need to float each of the <li>’s to the left. This will cause them to line up as you want them to.

    #65057
    amnesiacen
    Participant

    You’re very right!

    Thanks for the help Doc!

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