I Need Help With Tables...

liunx

Guest
Can someone help me with the HTML code for getting a layout like this - <!-- m --><a class="postlink" href="http://geocities.com/year2apocalyptica/testing.html">http://geocities.com/year2apocalyptica/testing.html</a><!-- m --><br />
But WITHOUT using frames and using tables instead? I'm totally confused. Any help is welcome, so...er...thanks.<!--content-->Is the main area still wanting to scroll? An IFRAME would have to be inserted in that cell. Other than that, it is a basic 2 row, 2 cell layout. Rowspan the first cell and you pretty much have your layout.<br />
<br />
<table width="100%" height="100%" border="1"><tr><td rowspan="2"><br />
menu<br />
</td><td><br />
main contents possible iframe area<br />
</td></tr><tr><td><br />
contact info<br />
</td></tr></table><br />
<br />
That should get you started.<!--content-->http://geocities.com/year2apocalyptica/testing2.html - that's what I've done so far.<br />
How do you get the bottom table (for contact info) the same size as the menu? And if it's possible, how do you make all the tables reach the ends of the window? Thanks.<!--content-->Try adding this to your body tag css area...<br />
<br />
margin:0px;<br />
<br />
Then add the HEIGHT property to your last TD tag to try to stabalize that part. Height really isn't a greatly supported property, but in many cases it does OK.<br />
<br />
Perhaps add VALIGN="top" to your TD tags as well. That will set the contents of the cell to the top instead of the middle.<!--content-->You need to remove the default margins placed by Netscape and Internet Explorer around stuff.<br />
<br />
The above code will only do it in IE4. Go to <!-- w --><a class="postlink" href="http://www.siteexperts.com/tips/html/ts02/page1.asp">www.siteexperts.com/tips/html/ts02/page1.asp</a><!-- w --> to remove margins from IE3 and up, NS4 and up.<br />
<br />
You may also want to set cellpadding=0 cellspacing=0 border=0 in your table.<!--content-->add this to get the table to go all the way to the windows border<br />
<br />
<BODY topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"><br />
<br />
then if you want to see the table and how it is laying out, I suggest making the border at least 1. that way you can see how it is layed out in the window.<br />
<br />
cause right now you won't ge tthe contact info right because you are short a table cell.<!--content-->You guys rock! I've added everything you guys said and everything's looking alright now. Thanks again!<!--content-->
 
Back
Top