I am working on a website that contains 6 tables (2 columns and 3 rows). Each table with have content (images and/or text). Is there any HTML code I can use to keep the tables from moving? The reason is because each table is surrounded by a thin gray border and it's been difficult to keep the rows even.

I don't have anything to show, but I hope this make sense. Please let me know if there are any questions.

Thanks for reading.

If you set your tables a height / width values they shouldn't move (put them in a container div to centre, <div align=centre> nest all the tables in here </div>

If you have to use tables then you can use the div above and then a layout tabletable to nest the other table cells in

Even better, dont bother with tables, use CSS. I used tables for everything and have done a new site with CSS & html, only took a couple of weeks to get the common CSS rules down and I'd never heard of it before (looks better IMHO than the table one) but with no tables at all...much better results.

Originally Posted by bakerc

Even better, dont bother with tables, use CSS.

CSS != HTML.

Please use the appropriate tags for their purpose. Tables are intended to present tabular data. Layout can be controlled either directly to any element, or if needbe, use <div> tag.

http://www.htmldog.com/