PC Review


Reply
Thread Tools Rate Thread

How do I create a resizable grid layout?

 
 
Sheila Jones
Guest
Posts: n/a
 
      19th Aug 2003
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.


 
Reply With Quote
 
 
 
 
Thomas A. Rowe
Guest
Posts: n/a
 
      19th Aug 2003
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)
http://www.ycoln-resources.com
FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

"Sheila Jones" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.
>
>



 
Reply With Quote
 
Joe Rohn
Guest
Posts: n/a
 
      23rd Aug 2003
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/

"Catherine Jo Morgan" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> I've been looking at a lot of other artists' sites as I'm making my own. I
> noticed that a few seem to do what you want by making each item (photo +
> caption + description) a separate table. Then with some browser windows
> there are two tables in a row, with others five, with webtv one, etc. I
> tried doing this in FP but found that I couldn't seem to place two tables
> next to each other horizontally. So I haven't been able to figure out how
> the other sites do it.
>
> Catherine Jo Morgan
> Iron & mixed media vessel sculptures
>
> online artist journal: http://radio.weblogs.com/0120691/
> "Sheila Jones" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > 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.
> >
> >

>
>



 
Reply With Quote
 
Catherine Jo Morgan
Guest
Posts: n/a
 
      25th Aug 2003
OK, I'll experiment to see if I can make this a "liquid" layout as the
original poster wanted. Thanks.
> 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/
>
> "Catherine Jo Morgan" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > I've been looking at a lot of other artists' sites as I'm making my own.

I
> > noticed that a few seem to do what you want by making each item (photo +
> > caption + description) a separate table. Then with some browser windows
> > there are two tables in a row, with others five, with webtv one, etc. I
> > tried doing this in FP but found that I couldn't seem to place two

tables
> > next to each other horizontally. So I haven't been able to figure out

how
> > the other sites do it.
> >
> > Catherine Jo Morgan
> > Iron & mixed media vessel sculptures
> >
> > online artist journal: http://radio.weblogs.com/0120691/
> > "Sheila Jones" <(E-Mail Removed)> wrote in message
> > news:(E-Mail Removed)...
> > > 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.
> > >
> > >

> >
> >

>
>



 
Reply With Quote
 
Catherine Jo Morgan
Guest
Posts: n/a
 
      26th Aug 2003
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?

"Joe Rohn" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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/
>
> "Catherine Jo Morgan" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > I've been looking at a lot of other artists' sites as I'm making my own.

I
> > noticed that a few seem to do what you want by making each item (photo +
> > caption + description) a separate table. Then with some browser windows
> > there are two tables in a row, with others five, with webtv one, etc. I
> > tried doing this in FP but found that I couldn't seem to place two

tables
> > next to each other horizontally. So I haven't been able to figure out

how
> > the other sites do it.
> >
> > Catherine Jo Morgan
> > Iron & mixed media vessel sculptures
> >
> > online artist journal: http://radio.weblogs.com/0120691/
> > "Sheila Jones" <(E-Mail Removed)> wrote in message
> > news:(E-Mail Removed)...
> > > 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.
> > >
> > >

> >
> >

>
>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to create a floating/resizable/movable dialog/form withoutflickering? Polaris431 Microsoft Dot NET Compact Framework 1 1st Mar 2008 12:12 PM
Flow layout to grid layout Andrew Chalk Microsoft ASP .NET 3 23rd Dec 2005 04:56 AM
Oppinion regarding grid layout vs flow layout NWx Microsoft ASP .NET 4 19th Feb 2004 08:56 PM
Converting from grid layout to flow layout. RobertH Microsoft ASP .NET 1 4th Nov 2003 12:43 AM
DataList inside a Grid Layout Panel (<DIV>) item layout problem Rick Spiewak Microsoft ASP .NET 3 26th Aug 2003 05:22 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 05:50 AM.