If you just want two columns (which is what that code would make) then you only really need one table. If you are wanting to style the big table, then use a div instead. Dont add extra 'junk' tags where they arent needed. Strictly speaking, you shouldnt need to use tables at all to do a layout, you can use <div> 's to define the sections, then use CSS to place those wherever you like.
That makes it a lot easier to update too, since your HTML will only have content in, and the design will all be in the CSS. So yuo can change one, without having to ever see the other.
EDIT to add: here is how you could do the columns thing:
HTML Code:
<body>
<div id="content">
<div class="leftColumn">
<p>Left column content here</p>
</div>
<div class="rightColumn">
<p>Right column content here</p>
</div>
</div>
</body>
then either link in some CSS, or put it in the head...
Code:
<style type="text/css">
<!--
*{
margin:0;
padding:0;
//sets all padding and margins to 0 to help you position your elements
}
#content{
font-family: verdana;
//style everything in your content - this would be the equivalent of your 'bigtable'
}
.leftColumn{
float: left;
width: 40%;
//position so the divs are next to each other
//add styling for yout left column
}
.rightColumn{
//then add styling for the right column
}
-->
</style>
![v[E]r5e is offline](images/statusicon/user-offline.png)
Reply With Quote
Bookmarks