Been there, Nick -- I am looking for a standard structure, a list (ul, li ...) which holds images and associated captions centred in a fluid container.
e.g. - <-- [img] [img] [img] [img] [img] ... -> <-- [img] [img] [img] [img] [img] ... -> <-- [img] [img] [img] -> That's what we need, eh :o) Mike -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: 06 June 2004 04:33 To: [EMAIL PROTECTED] Subject: Re: [WSG] Centering a liquid grid of image thumbs and captions 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 ***************************************************** ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
