I'm REALLLY trying to go all CSS in all my layouts from now on, but it's confusing so please tolerate my ignorance...
I'm starting a photolog in moveable type, and I'm going to need to have a series of thumbnails in each entry laid out like a table, with 4-5 columns. Each entry is going to have a different number of thumbnails, so there a different number of rows depending on what entry you are looking at. I also want to make sure to keep all the thumbnails aligned. Does that make sense? So that if one row only has one image and the rest have 4, they are all still lined up, etc.
What I'm trying to figure out is:
Is there any easy way to do this CSS, so that I don't have to create a new table every time I create a post?
Any help would be great...I am so amazingly confused. Thanks...
thumbnails for MT photolog...table or no?
Here's a quick example I've knocked up... http://pub.c-o2.net/cssf/thumb.htm
It's only been tested in IE6, and looks a bit odd in Firefox, but I think this is because there are no images.
It's using definition lists. You could use unordered lists instead, or even divs. The main declaration that is governing the position of the images (and description) is the float declaration.
Hope this helps.
thumbnails for MT photolog...table or no?
This might be useful
http://www.realworldstyle.com/thumb_float.html
thumbnails for MT photolog...table or no?
That's a nice example as well. The thing is, there are many ways this can be done. It's just a case of choosing what's best for your design.
For your site, you'd have to use the second example in firstreflex's link, since you'd need to use the clear declaration to 'knock' the next row down.