Jump to content


This topic is now archived and is closed to further replies.


A set of single tables that cascade to the width of the page

Recommended Posts

lets say i have a table one row deep and 10 columns wide, and while viewing it your window may allow only 3 of the first tables at the top and three on the next and three the next and finally one on the last. (the number of boxes is not an issue)

the way the tables are shown is.

lets say the window is resized to allow 4 boxes in the top row and so on down the page till all boxes are shown.

not sure if i have explained this very well.

if you do not understand please ask and i'll create a few pages to explain what i am trying to do.

i have seen this once or twice around some sites, but this was ages ago and have no idea what sites so i can not look to see how they did it.

please take a look at this link i have described what i am trying to do.

[a href=\"http://pro-freelancers.com/cascadingboxes.htm\" target=\"_blank\"]http://pro-freelancers.com/cascadingboxes.htm[/a]

Hope someone can help.


Share this post

Link to post
Share on other sites
Do you mean like this

<meta name="generator" content="PhpED Version 4.5 (Build 4513)">
<meta name="author" content="Barand">
<link rel="shortcut icon"  href="">
<meta name="creation-date" content="06/26/2006">
<style type='text/css'>
    DIV.fl {
        float: left;
        border: 1px solid silver;
        width: 200px;
        text-align: center;
        font-size: 20pt
<DIV style='width:95%'>

for ($i=1; $i <= 10; $i++) {
   echo "<DIV class='fl'>$i</DIV>";



Share this post

Link to post
Share on other sites


Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.