Re: CSS for positioning

In article <MPG.2653bf526c3f48b98c2e8@xxxxxxxxxxxxxxxxxx>,
Alfred Molon <alfred_molon@xxxxxxxxx> wrote:

In article <slrnhuiouj.14q9.g.kreme@xxxxxxxxxxxxxx>, Lewis says...

Right, which means since your images are not the same shape, you will
need to have TWO divs per picture. And internal one that preserves the
SHAPE of the thumbnail, and the current external one that floats in
position and preserves the shape of your overall mosaic tile.

That would mean having a grid of items, all with the same width. What I
want however is a grid of items with variable widths and it seems that
flaot is not a good solution for this, i.e. float is not able to arrange
such thumbnails nicely.

It is if you *manage* them. I have not mentioned all the
management techniques you can bring to bear on this question. You
need to understand first how floats catch on other floats. There
is a page that tries to explain this:

<http://netweaver.com.au/floatHouse/page4.php>

Another movie using the HTML camera is owed to this site (after a
perspicacious point that was raised by rf ages ago). Maybe this
Xmas.

There are a number of ways that floats can "catch" or get blocked
in their natural tendencies. Once understood, you can arrange the
pics so that they do not "catch" and produce unsightly gaps.

Yes, if you do not want to manage things, that is understandable.
inline-block is the great alternative.

--
dorayme
.

Relevant Pages

  • Re: CSS for positioning
    ... SHAPE of the thumbnail, and the current external one that floats in ... position and preserves the shape of your overall mosaic tile. ... That would mean having a grid of items, ...
    (alt.html)
  • Re: (Towards) grid layout with memoir
    ... So `flexible grid' is no ... just regular text with a \baselineskip. ... Those pages/columns containing no math displays and no floats ... inclined to believe that the matching baselines on the fourth ...
    (comp.text.tex)