Posted by dorayme on 10/23/07 01:10

In article
<1193099217.922087.176980@z24g2000prh.googlegroups.com>,
kenneth.kin.lum.at.work@gmail.com wrote:

> On Oct 22, 5:19 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:

> > Why not post some examples (urls please) of what you are trying
> > and then explain what it is in reference to these specific urls
> > what it is you do not like about them?
>
>
> it is like
>
> http://images.google.com/images?q=dolphin
>
> see, each image is displayed as a small size thumbnail.
>
> the width AND height BOTH not exceed 100px, for example.
>
> aspect ratio kept the same.

The aspects of the pictures are all different here. The lines are
not like in tables at all; even the bottom of the captions are
not lined up in the rows. In my browsers at least. I am not
criticising the layout here. The pics plus the captions very much
exceed 100px in one or both directions (alter the font view
setting in your browser - try Firefox - to see). so I still
don't know what you want.

Are you referring just to the size of the thumbnails themselves?
if they do not exceed 100px that is usually because they are made
that way. if they are not made that way, and you want them to be
sized for the page specially, then you can do this by giving the
css instruction:

img {max-width: 100px;}

or

img {max-height: 100px;}

or both.

You need to see if this works across browsers. It is sure not to
in Internet Explorer 6.

If you get the widths and heights of the pics via server side
programming like php, you can then specify an actual width (say
100px) for the landscaped ones (they then will all be exactly the
same width and never higher than wide) and similarly with the
portrait ones (say 100px high) and never wider than high.

Failing that, you might sort the pictures somehow into two lots.
The portrait ones and the landscape ones and class the <img> for
each type. Thus

<img class="landscape" src="pic.jpg" ...> and in your css, put
only a width, say 100px. It will find its natural height.

<img class="portrait" src="pic.jpg" ...> and in your css, put
only a height, say 100px. It will find its natural width.

I can feel myself chasing gooses <g>

--
dorayme

[Back to original message]