Strange Table Spacing Problem

Hi,

I seem to be struggling with an odd table spacing issue. The spacing problem I'm having is in the center of the page between the "Wedding Reception" and "Personalized Gifts for Her and Him" subtitles...there shouldn't be any spacing between those tables and, as you can see, there is.

Here is what the result looks like:

Close View



Thanks in advance for the help.

Brian


Here is a link to my code:

http://web.ics.purdue.edu/~bcwolfe/work/index.html

 

Not tested.

I think this:

<tr>
<td valign="top">
<table width="100%">
<tbody>
<tr>
<td>
<img width="50" height="1" alt="Spacer" src="images/standard/spacer.jpg"/>
</td>
<td valign="top">
</td>
</tr>
<tr>
</tr>
<tr>
<td> </td>
<td width="759" valign="top">
</td>
</tr>
</tbody>
</table>
</td>
</tr>

Code (markup):

should be within the previous table.

Why in hell would you code this layout in tables? Is this what some ten years out of date prof is teaching as html? You have a simple three column layout that does not need to be upgefucht with a bunch of tables.

cheers,

gary

 

If that slice of code is what I think it is, that would make the right portion of that table that's under the right-hand sidebar be pushed inward...I need that section to take up the entire width of the page (minus the left-hand sidebar).

Essentially, I need it to look like this:




And I'm just goin' off of what I know in terms of table usage...what would you have done? DIV tags?

 

Well structured html + css.

I've reached my limits on helping you on a table layout; haven't touched the ugly things in over five years.

cheers,

gary

 

Ok, well I've completely redone my site using DIV tags and CSS, but now I have another more basic question:

Why, in Dreamweaver, does it show that I am within the bounds of the 1024 pixel design width, but on my page, everything is pushed further to the right?

I've also tried cutting the size of my total tag width down to 1000 pixels, but there's still 10-15 pixels of scroll bar movement...thoughts?

 

hmmm

try frontpage for put position [side] & u can use CSS for collor

 

Brian,

The first thing you need to do is set the cellspacing and cell padding to "0". HTML give these two attributes a default value of "2". So your tables will not give you the full height and width. When working with tables always include cellspacing and cellpadding to 0 and then alter to your liking. Your table tabs should look like this:

<table border="0" cellpadding="0" cellspacing="0"> and of course what ever else you want to add... width, height, whatever.

You may also want to set the border at "1" to get an idea of where you table rows and table columbs are falling.

Let me know if this helps.

 

Well, after wrestling with this arcane table structure for quite a bit, I decided to move to primarily CSS + div tag based approach...so far seems to be working much more fluidly.

Thanks for all the help guys.

Brian