I have just began the interesting world of webdesign and I have the dreamweaver program. It creates tables, but they are very difficult to work with. I see sites with many different table combinations and I was wondering how to do the following things. I want to make a 1px border that does not have two so it looks like a window thingy. I want to be able to create two tables on the same line like many sites have, but dreamweaver makes this impossible because everytime i make a new table it goes under it, so i can't have the navigation links on the same place as the news. I also would like help styling it, i got the style to put the first table at the top of the page, but whats really killing me is the placement of the tables, i can't get them to go where I want to! please help, anyextra info is helpful and I know they`re a lot of talented people that could help me so thanks if you wish to do so.

-Dave Tompsoun :o

You may very well find that it is unnecessary to use tables at all for this concept, or that at least you can simplify the way in which you approach your design while getting the desired results. But based solely on the information you've given, it seems you're looking to nest two tables inside of two cells in the same row. That, or you're looking to float two tables next to each other, best accomplished through CSS, but can also be done using the align attribute in tables.

If you're serious about learning the ins-and-outs of Web design, put away Dreamweaver. It's only going to teach you bad habits and stunt your growth. Get yourself a couple good tutorials on HTML and CSS and learn to do it on your own. The code you're looking for in regards to the window pane type of design is something like td { border:1px solid #000 collapse }, but this won't mean anything to you until you've cracked the books!

However, if you have something for us to see, please post it, and perhaps someone can help you go from there.

HTH!

Paul H

Here is some insight!

Thanks,
Dave Thompsoun :O :O

One example of tables I would like to make kind of like would be digitalmelon.co.uk (can't post links yet) it is an odd sight, but the layout and coding is decent, it appears as if he also made it in dreamweaver so i really would like to know how to create something like that

-Dave Thompsoun :o :o

You want nested tables like this.



<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">Header Table Here</td>

</tr>
<tr>
<td colspan="2">Top Menu Here</td>

</tr>
<tr>
<td width="70%">Content Table Here</td>
<td width="30%">Side Menu Table Here </td>
</tr>
<tr>
<td colspan="2">Footer Here</td>

</tr>
</table>

Anysuggestions for the styling of the border. Also as in the picture i want my navigation as 5 columns, but i also want news adjacent to the top one, i am not sure how to do it by what you said although it was very helpful.

-Dave Thompsoun :o :o

You want five rows and one column not the other way around. I replaced "Menu Here" with a "nested table" that displays the menu.


<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">Header Here</td>

</tr>
<tr>
<td colspan="2">Top Menu Here</td>

</tr>
<tr>
<td width="70%">Content Here</td>
<td width="30%">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Menu Item 1</td>
</tr>
<tr>
<td>Menu Item 2</td>
</tr>
<tr>
<td>Menu Item 3</td>
</tr>
<tr>
<td>Menu Item 4</td>
</tr>
<tr>
<td>Menu Item 5</td>
</tr>
</table>

</td>
</tr>
<tr>
<td colspan="2">Footer Here</td>

</tr>
</table>