horizontal succession of tables

Forum Moderators: open

Message Too Old, No Replies

horizontal succession of tables

how to reverse?

kalinkafx12

12:33 pm on Jan 16, 2006 (gmt 0)

the table "align=left" property seems to does a nice job when you want to split your page into several tables for a more acceptable download appearance. But is it irreversible? I have a table with navigation on the left and i want the rest of the content on the right but i dont want it in one big table, i would rather have a stack of small ones, one on top of another. But it seems that once the first two tables are aligned left, all subsequent will only stack horizontally. Is there a way to get back to vertical stacking of tables in mid-page?

MichaelBluejay

2:35 pm on Jan 16, 2006 (gmt 0)

I'd like to try to help, but I'm afraid I don't understand what you're asking. I know all about aligning tables, I just can't make sense of your question.

kalinkafx12

3:13 pm on Jan 16, 2006 (gmt 0)

Thanks Michael. Ok, ill do my best. sorry - i dont really have an example online to show. I do hope you can help.

Normally a new table starts below the previous one:
-
-
-

the align=left in the table tag very conveniently lets them go next to each other rather than vertically:
¦ ¦ ¦

its been recommended to break table-based pages into several tables, for gradual download to improve usability. Its pretty simple when its one table at the top (without the align attribute) and two below it (both aligned left), so you get something like this:
__
¦ ¦

I would like the above diagramme turned 90 degrees CCW, with one table on the left and next to it two tables, one below the other:

¦-
-

But it doesnt seem to work: once the first table is aligned left, all subsequent ones go horizontally next to it even if the algnment is not specified:

¦- -

I wonder if it is possible to align the first two tables left to get ¦- and then somehow "dis-align" so that the tables after the second one go below it, not next to it. So is it simply impossible or there is a way to do it?

cws3di

12:15 am on Jan 17, 2006 (gmt 0)

The first problem I see with what you are discussing is browser compatibility.

What you are proposing may work on the specific version of IE that you have on your PC, but it is likely that those tables go all over the place on other browsers - even older versions of IE.

If you are going to do what you are proposing, you should nest this inside another fixed position table, and check various browsers.

MichaelBluejay

4:03 am on Jan 17, 2006 (gmt 0)

I'm still not following you. Let me start with the first thing that didn't make sense to me: "its been recommended to break table-based pages into several tables." What are you talking about? The example immediately preceding this comment already showed three separate tables.

kalinkafx12

9:55 am on Jan 17, 2006 (gmt 0)

yes, i meant three tables after the page was broken down into tables. This as opposed to everything nested in one overall table which i guess is what CSW is suggesting, but that would be making a full circle. I guess if there are browser compatibility issues, its best not attempted.

MichaelBluejay

1:32 pm on Jan 17, 2006 (gmt 0)

I can't say whether there are browser compatibility issues or not because I still don't understand what you're asking.

Span

8:44 pm on Jan 17, 2006 (gmt 0)

Ahem... writing XHTML Strict and CSS-P for years... this is the first time I use a full Wilbur DTD...
Is this what you mean? Looks great in Safari.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN" "http://www.w3.org/MarkUp/Wilbur/HTML32.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Untitled</title>
</head>
<body>
<table width="15%" border="1" align="left">
<tr><td>left top</td></tr></table>
<table width="85%" border="1">
<tr><td>right top</td></tr></table>
<table width="15%" border="1" align="left">
<tr><td>left bottom</td></tr></table>
<table width="85%" border="1">
<tr><td>right two</td></tr></table>
<table width="85%" border="1" align="right">
<tr><td>right three</td></tr></table>
</body>
</html>