i need to display two html tables vertically next to each other 1

[amir4oracle]

i need to display two html tables vertically like this:

---------------
| table 1 |
---------------
---------------
| table 2 |
---------------

but in the browser they are showing horizontally like this:

-------------- --------------
| table 1 | | table 2 |
-------------- --------------

i have tried everything giving <br /> etc. What can I do to dispaly them vertically not horizontally next to each other?

Thanks in advance.
Best regards,
Amir Khan

 

[cLFlaVA]

you have half as much code, actually.

div { float: left; }

*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[audiopro]

I feel the amount of code produced using the HTML method is acceptable in most cases. The amount of formatting code is usually far smaller than the text content of a page anyway. The worst case scenario of tables within tables creates more code and it is difficult to read but I very rarely read the resulting code, preferring instead to look at the rendered page where errors are obvious. The code which my scripts produce looks far more unreadable than Wullie's HTML example anyway, but as the code is rendered by the visitor's browser and not by humans I don't see this as a problem. Within my creation code I always put break points to allow for debugging, should the page render in an unexpected way and this does happen but it is easy to locate any formatting errors using this method.


Keith

 

[cLFlaVA]

Keith,

did you read the article I posted above, on stopdesign?



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[audiopro]

I did read the article but I am still happy with the way I am working. I know some auto programs such as MS Publisher etc. use an abundance of spacer gifs but I have never used them in any of my designs.

I am still curious about the 3 divs scenario.

Keith

 

[cLFlaVA]

i wasn't trying to sway you from your way of working, i just wanted you to see the potential benefit of less code, rather than just readability. it was quite hard for me to make the switch as well, but in the end i'm happy i did.



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[audiopro]

I am all for moving forward and making things less complicated but until I can replicate the layout control I have with tables, I feel more confident with the method I know works.
I posted a similar question to the 3 divs scenario a while back and didn't get a satisfactory solution to that either.

Keith

 

[cLFlaVA]

there are NUMEROUS examples of the three-column layout all over the web. if "didn't get a satisfactory solution" means "someone didn't do my work for me", then of course not.



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[audiopro]

Maybe mentioning 'satisfactory solution' was misleading but what I weant was I didn't solve the problem. I have viewed quite a lot of the 3 column solutions and many of them wrap contents and jumble the page at lower screen sizes. The ones that keep their formatting seem to have quite complex formatting as well as fixes for the numerous browser bugs. I have yet to encounter browser bugs whilst using tables.
What I was looking for was the two concepts of keeping 3 divs on a single line and forcing a new line not for someone to supply a complete solution.


Keith

 

[ctopher06]

Why was I removed from this thread?
My question was the same as amir4oracle, just going from stacked to side-by-side.

Chris