Dear Folks, My aim is really simple: float some variable sized thumbnails images with variable sized captions, and have them float (or arrange themselves in any way) nicely, so that they don't do silly things like:
+----+ +----+ | | | | | | +----+ +----+ +-----+ | | | | +-----+ instead of doing this, which is more the behaviour I want. +----+ +----+ | | | | | | +----++----+ +-----+ | | | |
+-----+ I would also like the captions to wrap to the same width as the thumbnail image. I have tried using <ul> styled with {list-style: none; float: left;} but still get the above behaviour, as at http://linus.nicku.org/arithmetic/arithmeticbook-test.shtml I have been successful when all images are the same height, so that the thumbnails at http://linus.nicku.org/trains/ seem to work, but the captions are in a box that is sometimes too narrow. The examples I have seen at http://alistapart.com/stories/practicalcss/ (after converting div -> ul) and at http://css-discuss.incutio.com/?page=GalleryFloat involve setting both the width and the height. When the height expands because of enlarging the font, then things seem to go wrong. Any suggestions are most welcome. -- Nick Urbanik RHCE http://nicku.org [EMAIL PROTECTED] GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24
pgpdGjZayOUJH.pgp
Description: PGP signature
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/