Guess what its Tables!

liunx · Jan 9, 2008

Let's start off by saying that I am a complete novice at html. 
 
I have run into a problem constructing tables on my Home page. Basically I want three separate tables, a banner table, navigation table and content table. The first two are no problem but I can't position the content table to the right of the navigation table. Is there an easy way to do this or do you have to nest one table within the other? 
 
I am working on a resolution of 800x 600 and here is a copy of the html code for the first two tables: 
 
 
 
<table border="3" CELLSPACING=3 CELLPADDING="3"> 
<tr> 
<td align="center"><IMG SRC=http://www.htmlforums.com/archive/index.php/"../My Gifs/swordshardwareglow2.gif" 
WIDTH="459" HEIGHT="60" ALIGN="Middle" ALT="Swords Hardware Header"> 
</td> 
<TD align="left"><img src =http://www.htmlforums.com/archive/index.php/"../My Gifs/Arro Logo.gif" alt= "Arro Logo" 
width= "127" height="60"></TD> 
<TD align="left"><img src =http://www.htmlforums.com/archive/index.php/"../My Gifs/IHA.gif" alt= "Member of IHA" 
width= "127" height="60"></TD> 
</tr> 
</table> 
 
 
 
 
 
 
<table border="3" CELLSPACING="3" CELLPADDING="3"> 
<tr> 
<td ><a href=http://www.htmlforums.com/archive/index.php/"Aboutus.html"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/about.gif" 
alt="About Us" width="140" height="30"></a></td> 
</tr> 
<tr> 
<td><a href=http://www.htmlforums.com/archive/index.php/"index.html"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/home.gif" 
alt="Home" width="140" height="30"></a></td> 
</tr> 
<tr> 
<td><a href=http://www.htmlforums.com/archive/index.php/"Products.html"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/products.gif" 
alt="Products" width="140" height="30"></a></td> 
</tr> 
<tr> 
<td><a href=http://www.htmlforums.com/archive/index.php/"mailto:[email protected]"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/contactus.gif" 
alt="Contact Us" width="140" height="30"></a></td> 
</tr> 
<tr> 
<td><a href=http://www.htmlforums.com/archive/index.php/"Tipsandlinks.html"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/tipsnlinks.gif" 
alt="Tips'N Links" width="140" height="30"></a></td> 
</tr> 
<tr> 
<td><a href=http://www.htmlforums.com/archive/index.php/"Jobopp.html"><img 
src=http://www.htmlforums.com/archive/index.php/"file:///C:/My%20Documents/My%20Gifs/jobvacancies.gif" 
alt="Job Vacancies" width="140" height="30"></a></td> 
</tr> 
</table> 
 
 
 
 
 
Any pointers would be cool. ThanksI'm not sure why you want to use so many tables. you should ba able to do most things with one table. If you need to use 3 tables, I suggest nesting them in a master table for ease of placement.It's true you don't need three seperate tables to accomplish this layout but since you are a beginner I suggest you complete the layout using three tables to learn the process of aligning tables. 
 
Try the most obvious option first, use the align= attribute inside the table tag. 
 
So for the navigation table it would be: 
 
 
 
<table border="3" CELLSPACING="3" CELLPADDING="3" align=left> 
 
that might be all it requires, but in case it does not render correctly try also putting align=right in the table tag of the content table. 
 
The alignment attributes of tables is: 
 
top, bottom, right, left 
 
Tables stack ontop of each other in the absense of any alingment attributes. 
 
Your local URLs (file:///C:/My%20Documents/My%20Gifs/about.gif) most likely will not work on the internet. 
 
Regards, 
Kevin (not unregistered but can't figure out how to get my cookie back)Thanks Guys for your pointers. My table are now going where I wanted them on the page and I am a happy camper! 
 
Marie

Guess what its Tables!

liunx

Guest