473,321 Members | 1,916 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,321 software developers and data experts.

Simple grid question

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
Jul 20 '05 #1
4 2213
Geoff Soper wrote:
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!


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
Jul 20 '05 #2
"William Tasso" <ne****@tbdata.com> wrote in message
news:bn*************@ID-139074.news.uni-berlin.de...
Geoff Soper wrote:
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!


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?

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
Jul 20 '05 #3
Geoff Soper wrote:
"William Tasso" <ne****@tbdata.com> wrote in message
news:bn*************@ID-139074.news.uni-berlin.de...
Geoff Soper wrote:
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!

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?

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,


Now's the time to learn.
how would this solution render in older
browsers,
depends - there are work-arounds for some issues.
do you you know roughly which browser versions first
supported the CSS used in this example?
Sorry - I'm not too concerned about old technology just so long as the
data/content appears and is presentable then I'm happy.
Would it be possible to have
a little more detail of this CSS solution or a pointer to an example?


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
Jul 20 '05 #4
In article Geoff Soper wrote:
I would like to arrange some photos in a simple grid.
Something like this maybe (not grid but something):
http://www.student.oulu.fi/~atlas/ku...hat/index.html
Not too much images, try smaller/bigger window, if that is not
demonstrating.
(Ask for JAlbum skin file.)
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 don't get any more information from this.
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.


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.

Jul 20 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: MBW | last post by:
The following code is for a simple server/client asplication that allows the user to toggle between serve and or client modes and send/recieve a message however i am getting an Attribute error on...
3
by: suzy | last post by:
Hello, I am trying to write a generic tool that accesses a SQL server and reads/updates/deletes/creates records. I want to reference this tool from my asp.net pages to talk to my db. by the...
5
by: Will | last post by:
I've got a simple form that collects data from a user and I want to display that data in a sortable grid or table. The nature of this data is rather temporary, so there's no need to persist it to a...
0
by: Tal Sharfi | last post by:
Hi everyone I recently had the need for StringGrid object same as the one that Delphi has. An object that helps show lists of other objects in a simple grid. I searched the news groups and...
13
by: Saber | last post by:
I did a lot of searches and read something about datagrids. But I couldn't find the answer of my simple question, how can I show only my desired columns of a table? for example I wrote this sql...
2
by: James | last post by:
I have a very simple datagrid, with an edit button that I added in PropertyBuilder. This fires the EditCommand event just fine and I show a panel where the user can edit certain fields. I have a...
0
by: serge calderara | last post by:
Dear all, I have an application which collect information from a database and display them in a dagrid. I have apply to the grid a DataView object to get filtered information and bind the grid...
1
by: Eric_Dexter | last post by:
I am just trying to acess a function in wordgrid (savefile) to a button that is defined in TestFrame. I can't seem to make it work I either get an error that my variable isn't global or it makes...
5
by: eric dexter | last post by:
I am just trying to acess a function in wordgrid (savefile) to a button that is defined in TestFrame. I can't seem to make it work I either get an error that my variable isn't global or it makes...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.