Jump to content

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


jasonc

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.


thanks
Link to comment
Share on other sites

Do you mean like this

[code]
<head>
<meta name="generator" content="PhpED Version 4.5 (Build 4513)">
<title>Sample</title>
<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
    }
</style>
</head>
<body>
<DIV style='width:95%'>

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

?>


</DIV>
</body>
</html>[/code]
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.