Tiling Tables

**BerksWebGuy** · 4-23-02, 02:25 AM

I'm looking for a way to tile tables.

I have an image and text within a table. I want the tables to fill the width of the page, then wrap around to the next line...just like plain text. Is there a way of doing this? I tried putting them in <td> tags, but it doesn't work. Maybe CSS??

Any help would be great.

4-23-02, 02:43 AM

Sounds like you want the table set at 100%. This would fill the page and "wrap" the text.

I'm not quite understand "tiling tables"! Maybe you could try to explain it differently.

**BerksWebGuy** · 4-23-02, 02:55 AM

I have an image and text within a table.

I have between 10-15 tables per page. If the person has 640x480 resolution...they would only see 2 tables per row. If they had 800x600...they would see 4 tables per row. And so on and so on.

I tried putting them in <td> tags...but they just line up across the screen in one row...which is very long.

Can it be done??

Ddr · 4-23-02, 10:11 AM

Is this correct?

You want to detect the screen resolution your site visitor is using, then dynamically generate the html code for different table layouts depending on that resolution?

Sounds like a you need PHP coding. If this is what you are after, perhaps someone in the PHP section can help you out. I would guess there are other ways to skin that cat, too. Javascript might do it, too, with referrals to pre-made variations that you keep for different resolutions.

I am no expert on coding anything, but from what I know about tables, you specify the number of rows and columns in the html and that array is what will be generated by your visitor's browser. Making that rigid table fit the screen resolution is a result of setting the table size to 100% rather than a fixed number of pixels, as MannInc said.

Hope this helps a bit.

Dale

SimCoWeb · 4-23-02, 05:15 PM

A simple solution would be to create your tables in the proper pattern.

For example, if you wanted 4 tables across and 4 tables down then create one master table that 4 x 4. Then, insert a new table inside each of the cells. The 'main' table would be 100% of window width so it's collapsible. The others that are inserted into each cell are also set at 100%. Since the 'main' table is the governing cell then it will expand and contract to accommodate the inner tables.

Before you insert those eight tables, however, format your 'main' table the way you want it (borders, background, alignment, etc.).

Still, there's no guarantee that some dinosaur isn't going to surf your site with 640 x 480 resolution and have to scroll left and right. The only sure way to prevent this is to create multiple copies of each page for the various resolutions, insert a javascript to detect which browser and then it redirects them to the proper page.

Personally, those using those low resolutions bug me

It's forcing developers to continue to stymie great design to cater to those who refuse to either get a new computer or some glasses so they can see at higher resolutions. The world wide web looks so much better at 1024 x 768 and higher

muijefr · 4-24-02, 02:46 AM

in solution

SimCoWeb · 4-24-02, 03:00 AM

Hey...it works

Atomic-Design · 4-27-02, 01:38 AM

Can't you use percents? width="20%", thereful it doesn't matter the resolution. Also, a high resolution might have IE in a small window.

( sorry if this doesn't make sense, I just skimmed the topic

)

4-23-02, 02:25 AM	#1
BerksWebGuy Mod Squad Join Date: Apr 2002 Location: Orlando, FL Posts: 6,972 Reputation: 243	Tiling Tables I'm looking for a way to tile tables. I have an image and text within a table. I want the tables to fill the width of the page, then wrap around to the next line...just like plain text. Is there a way of doing this? I tried putting them in <td> tags, but it doesn't work. Maybe CSS?? Any help would be great. __________________ www.GoLightMedia.com

4-23-02, 02:55 AM	#3
BerksWebGuy Mod Squad Join Date: Apr 2002 Location: Orlando, FL Posts: 6,972 Reputation: 243	I have an image and text within a table. I have between 10-15 tables per page. If the person has 640x480 resolution...they would only see 2 tables per row. If they had 800x600...they would see 4 tables per row. And so on and so on. I tried putting them in <td> tags...but they just line up across the screen in one row...which is very long. Can it be done?? __________________ www.GoLightMedia.com

4-23-02, 10:11 AM	#4
Ddr Join Date: Jan 2002 Posts: 949 Reputation: 5	still trying to understand Is this correct? You want to detect the screen resolution your site visitor is using, then dynamically generate the html code for different table layouts depending on that resolution? Sounds like a you need PHP coding. If this is what you are after, perhaps someone in the PHP section can help you out. I would guess there are other ways to skin that cat, too. Javascript might do it, too, with referrals to pre-made variations that you keep for different resolutions. I am no expert on coding anything, but from what I know about tables, you specify the number of rows and columns in the html and that array is what will be generated by your visitor's browser. Making that rigid table fit the screen resolution is a result of setting the table size to 100% rather than a fixed number of pixels, as MannInc said. Hope this helps a bit. Dale Last edited by Ddr : 4-23-02 at 10:17 AM.

4-24-02, 02:46 AM	#6
muijefr home boy Join Date: Jan 2002 Location: Vancouver, WAUSA! Posts: 1,841 Reputation: -12	simco's typical B.S. in solution __________________ Painter Web Site - Digital Art The Silver Bullet Web Site - The answers are out there but our leaders are not

4-27-02, 01:38 AM	#8
Atomic-Design Electro-shock Blues Join Date: Mar 2002 Location: Colorado Posts: 1,877 Reputation: 5	Can't you use percents? width="20%", thereful it doesn't matter the resolution. Also, a high resolution might have IE in a small window. ( sorry if this doesn't make sense, I just skimmed the topic ) __________________ If I lay my head down I will see you in my dream, Wearing that polka-dot dress, and sitting by the stream. Leaning in to hear you, you will whisper in my ear. And everything I need to know, I finally hear. When I was a baby we would go out to the park, And sit out in the fountain, splashing 'round until its dark. The days on forever when you only know that much, And everything I need to know is answered with one touch.

4-23-02, 02:43 AM	#2
MannInc Posts: n/a	Sounds like you want the table set at 100%. This would fill the page and "wrap" the text. I'm not quite understand "tiling tables"! Maybe you could try to explain it differently.

4-23-02, 05:15 PM	#5
SimCoWeb Join Date: Nov 2001 Location: CA Posts: 3,874 Reputation: 6	A simple solution would be to create your tables in the proper pattern. For example, if you wanted 4 tables across and 4 tables down then create one master table that 4 x 4. Then, insert a new table inside each of the cells. The 'main' table would be 100% of window width so it's collapsible. The others that are inserted into each cell are also set at 100%. Since the 'main' table is the governing cell then it will expand and contract to accommodate the inner tables. Before you insert those eight tables, however, format your 'main' table the way you want it (borders, background, alignment, etc.). Still, there's no guarantee that some dinosaur isn't going to surf your site with 640 x 480 resolution and have to scroll left and right. The only sure way to prevent this is to create multiple copies of each page for the various resolutions, insert a javascript to detect which browser and then it redirects them to the proper page. Personally, those using those low resolutions bug me It's forcing developers to continue to stymie great design to cater to those who refuse to either get a new computer or some glasses so they can see at higher resolutions. The world wide web looks so much better at 1024 x 768 and higher

4-24-02, 03:00 AM	#7
SimCoWeb Join Date: Nov 2001 Location: CA Posts: 3,874 Reputation: 6	Hey...it works

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search