I'm with Mike - that's brilliant. It'll certainly fix my immediate needs. Thanks, Kristof!

One question: what's this hack for?

* html #images a {
    height: 100px;
    he\ight: 95px;
}

OK, I lied. Second question: your solution is very usable; I class this as 'elegant' because all the img/caption pairs are contained in one (open-ended) list. Just what I was after. But just out of interest, do you think it's possible to go one step further, and style the list so that the number of images in a row varies as window is resized - still keeping the 'grid' centred - for a truly liquid layout?

Nick
___________________________
Omnivision. Websight.
http://www.omnivision.com.au/

On Sunday, June 6, 2004, at 04:02  AM, Kristof Neirynck wrote:

Nick Gleitzman wrote:
I've been trying to emulate, with CSS alone, what I've been doing for years with tables: create a grid of thumbnails, each with a caption below, both image and caption linked to an enlargement. We all know how easy that is; center the table, center the cell content vertically, add some cell padding. Bingo.
Any takers?
[snip]

Do you mean something like this?
<http://kristof.f2o.org/test/image_thumbs_and_captions/>


-- Kristof ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************



*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************




Reply via email to