3 replies [Last post]
maubast
Offline
Regular
Last seen: 19 years 2 weeks ago
Joined: 2003-07-31
Posts: 13
Points: 0

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...

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 17 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

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. Laughing out loud

The next sentence is true. The previous sentence is false. Discuss...

firstreflex
firstreflex's picture
Offline
Enthusiast
Brooklyn USA
Last seen: 15 years 23 weeks ago
Brooklyn USA
Timezone: GMT-5
Joined: 2003-10-21
Posts: 104
Points: 0

thumbnails for MT photolog...table or no?

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 17 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

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.

The next sentence is true. The previous sentence is false. Discuss...