Far out! Kristof, well done, mate :o) Big smiley for you.
Nick Gleitzman wrote:
I'm with Mike - that's brilliant. It'll certainly fix my immediate needs. Thanks, Kristof!
Thank you both.
Talking about: <http://kristof.f2o.org/test/image_thumbs_and_captions/>
Now just to implement it ...
I only tested in op6, op7.5, ff0.8, ie6 All on windows, I don't own a mac and don't garantee it works there. You will probably also need to hide the css from netscape 4.
One question: what's this hack for?
* html #images a { height: 100px; he\ight: 95px; }
Boxmodel hack for ie5.0 win. The "* html" makes shure only ie sees it. The first value is seen by all ie's, it includes the padding. The second is only seen by ie6 and overwrites the previous one. Ie6 MUST be in standards compliance mode for this to be usefull. I can write this a lot faster than the tantek hack.
See: A Modified SBMH (Tan hack) <http://css-discuss.incutio.com/?page=BoxModelHack>
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?
No it can't be done without javascript. I don't have the time to work on a script for that right now.
You said you wanted something to replace *ONE* table. This does replace one table. To replace nested tables is a whole other ballgame.
-- 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
*****************************************************
