How do I create a resizable grid layout?

  • Thread starter Thread starter Sheila Jones
  • Start date Start date
S

Sheila Jones

Hello,

I am writing a 'catalogue' type webpage to display a list of items, where
each item consists of a thumbnail with a caption below it.

I want to display the items in a grid that can dynamically resize itself
(i.e. number of columns) depending on the width of the browser window
(similar to the way Explorer shows files in thumbnail view).

It's probably simple, but how do I do this, e.g. what is the html I need to
use? Thanks.
 
There is no HTML to do this.

You can use tables, however the number of columns/rows you design it at,
that's what it will stay at, but if you use % then the table will adjust
width wise to fill the screen.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
Hi Catherine Jo,

Not totally sure if this is what you are attempting to do or not...but you
can create two tables next to each other horizontally by creating *nested*
tables. As an example create a table with one row and two columns. Then in
each cell you can insert an individual table.

--
Joe
Remove "AA" for email

FrontPage Users Forums at:
http://www.timeforweb.com/frontpage/
 
OK, I'll experiment to see if I can make this a "liquid" layout as the
original poster wanted. Thanks.
 
I see now what you mean. But what's needed to make a resizable grid, is
tables where the number of tables across on a page varies with the browser
window width. As long as the layout is set for X number of tables or cells
in a row fixed, smaller browser windows will require horizontal scrolling.
Or am I missing something?
 
Back
Top