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