Francois Jordaan wrote: > Hi guys, > > How would you achieve this layout? > > -------------------------------------------------------- > > +-----+ +-----+ +-----+ > | | | | | | > | | | | | | > +-----+ +-----+ +-----+ > Line1 Line1 Line1 > Line2 Line2 Line2 > > --------------------------------------------------------
http://locusmeus.com/test/thumbswithcaptionslistcentered.html http://locusmeus.com/test/thumbswithcaptionslistcenteredcombo.html (first one separates thumb and caption links, second one combines them into one link) > Any number of (image + two-line caption) horizontally centered > within a full-width container with a line top and bottom. > > Some more details: > - Captions are short and have predictable lengths, so each > (image + two-line caption) can have a fixed width. > - Images are consistent in size (32 x 32px). > - If there are too many (image + two-line caption) units to fit > within the container, they should wrap to a second line of > (image + two-line caption) units within the container. - > Several of these containers as sketched above should be able to > stack vertically. I think the above link covers all that. > I guess it's a "float: center" equivalent I'm looking for. It's called display:inline ;-) -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ 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/
