Simple grid question

[Geoff Soper]

I would like to arrange some photos in a simple grid. Each photo is either x
pixels by y pixels or y pixels by x pixels (i.e. all the same size, arranged
either in the landscape or portrait direction). I want each row to be the
same width and height, the largest dimension of x and y. I want this to be
the case even if all the photos in a given row or column are arranged in the
'other' direction, the one which leaves two strips of empty space all along
the row or column. I would like to do this without using blank graphics to
force the grid to size and want to keep it within W3C standards. Try as I
might I've never found the proper way to do this! I hope my description of
the problem makes sense!

Thanks,
Geoff

--
Remove nospam in email address to reply

[William Tasso]

Re: Simple grid question

Geoff Soper wrote:[color=blue]
> I would like to arrange some photos in a simple grid. Each photo is
> either x pixels by y pixels or y pixels by x pixels (i.e. all the
> same size, arranged either in the landscape or portrait direction). I
> want each row to be the same width and height, the largest dimension
> of x and y. I want this to be the case even if all the photos in a
> given row or column are arranged in the 'other' direction, the one
> which leaves two strips of empty space all along the row or column. I
> would like to do this without using blank graphics to force the grid
> to size and want to keep it within W3C standards. Try as I might I've
> never found the proper way to do this! I hope my description of the
> problem makes sense!
>[/color]

first you need a block level container in which to place your image. set
it's height to suit and float to left or right according to taste. did I
miss something?

--
William Tasso - http://WilliamTasso.com

[Geoff Soper]

Re: Simple grid question

"William Tasso" <news27@tbdata. com> wrote in message
news:bnka0s$12k 49u$1@ID-139074.news.uni-berlin.de...[color=blue]
> Geoff Soper wrote:[color=green]
> > I would like to arrange some photos in a simple grid. Each photo is
> > either x pixels by y pixels or y pixels by x pixels (i.e. all the
> > same size, arranged either in the landscape or portrait direction). I
> > want each row to be the same width and height, the largest dimension
> > of x and y. I want this to be the case even if all the photos in a
> > given row or column are arranged in the 'other' direction, the one
> > which leaves two strips of empty space all along the row or column. I
> > would like to do this without using blank graphics to force the grid
> > to size and want to keep it within W3C standards. Try as I might I've
> > never found the proper way to do this! I hope my description of the
> > problem makes sense!
> >[/color]
>
> first you need a block level container in which to place your image. set
> it's height to suit and float to left or right according to taste. did I
> miss something?
>[/color]


Thanks to William for his reply.
I realise I forgot to mention it but I was initially thinking of a purely
HTML solution. How would I do it using only HTML? I'm not too experienced
with CSS, how would this solution render in older browsers, do you you know
roughly which browser versions first supported the CSS used in this example?
Would it be possible to have a little more detail of this CSS solution or a
pointer to an example?

Many thanks
Geoff

[William Tasso]

Re: Simple grid question

Geoff Soper wrote:[color=blue]
> "William Tasso" <news27@tbdata. com> wrote in message
> news:bnka0s$12k 49u$1@ID-139074.news.uni-berlin.de...[color=green]
>> Geoff Soper wrote:[color=darkred]
>>> I would like to arrange some photos in a simple grid. Each photo is
>>> either x pixels by y pixels or y pixels by x pixels (i.e. all the
>>> same size, arranged either in the landscape or portrait direction).
>>> I want each row to be the same width and height, the largest
>>> dimension of x and y. I want this to be the case even if all the
>>> photos in a given row or column are arranged in the 'other'
>>> direction, the one which leaves two strips of empty space all along
>>> the row or column. I would like to do this without using blank
>>> graphics to force the grid to size and want to keep it within W3C
>>> standards. Try as I might I've never found the proper way to do
>>> this! I hope my description of the problem makes sense!
>>>[/color]
>>
>> first you need a block level container in which to place your image.
>> set it's height to suit and float to left or right according to
>> taste. did I miss something?
>>[/color]
>
>
> Thanks to William for his reply.
> I realise I forgot to mention it but I was initially thinking of a
> purely HTML solution. How would I do it using only HTML? I'm not too
> experienced with CSS,[/color]

Now's the time to learn.
[color=blue]
> how would this solution render in older
> browsers,[/color]

depends - there are work-arounds for some issues.
[color=blue]
> do you you know roughly which browser versions first
> supported the CSS used in this example?[/color]

Sorry - I'm not too concerned about old technology just so long as the
data/content appears and is presentable then I'm happy.
[color=blue]
> Would it be possible to have
> a little more detail of this CSS solution or a pointer to an example?[/color]

An example I did a while back (nearly two years ago):

http://www.jennylind.co.uk/gallery3.asp

first attempt:

http://www.jennylind.co.uk/gallery.asp

--
William Tasso - http://WilliamTasso.com

[Lauri Raittila]

Re: Simple grid question

In article Geoff Soper wrote:[color=blue]
> I would like to arrange some photos in a simple grid.[/color]

Something like this maybe (not grid but something):

http://www.student.oulu.fi/~atlas/kuvat/Fuksiaiset/Ikivanhat/index.html

Not too much images, try smaller/bigger window, if that is not
demonstrating.
(Ask for JAlbum skin file.)
[color=blue]
> Each photo is either x
> pixels by y pixels or y pixels by x pixels (i.e. all the same size, arranged
> either in the landscape or portrait direction). I want each row to be the
> same width and height, the largest dimension of x and y.[/color]

I don't get any more information from this.
[color=blue]
> I want this to be
> the case even if all the photos in a given row or column are arranged in the
> 'other' direction, the one which leaves two strips of empty space all along
> the row or column. I would like to do this without using blank graphics to
> force the grid to size and want to keep it within W3C standards.[/color]

You need CSS. Or vspace/hspace attributes (deprecated IIRC).

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.