4 replies to this topic

[Brandonador]

OK, I am done creating all the images for my layout.. slicing it up, and now I am coding it in Dreamweaver. I am simply creating a table based layout.. with a single header and a link area, which is set up in dreamweaver, as a background area so I can type things on that image, creating the links. But, there is like a white space in the layout. Between the header and the next part of the image.. what is wrong with this?

<table width="800" border="0" align="center">
  <tr>
	<td><img src="header.gif" width="800" height="258" /></td>
  </tr>
</table>
<table width="805" border="0" align="center">
  <tr>
	<td width="800" background="background.gif">&nbsp;</td>
  </tr>
</table>

That is the code for the page. But here is also a screenshot I took of my problem..

 screenshot_help.gif   93.63K   86 downloads

Please tell me what is wrong with my code! Thanks!

Brandon

[Jacorre]

It might have something to do with the second table being 5 pixels wider than the first table. But I would also try using just one table. Something like the following:

<table width="800" border="0" align="center">
  <tr>
	<td><img src="header.gif" width="800" height="258" /></td>
  </tr>
  <tr>
	<td width="800" background="background.gif">&nbsp;</td>
  </tr>
</table>

[Brandonador]

Ok, well, the problem was SOMEWHAT fixed, but there is still a space, between the header and background links area. And now it is not lined up correctly. Help with this, thanks!

NEW Screenshot:
 help.JPG   85.89K   74 downloads

NEW Code:

<table width="800" border="0" align="center">
  <tr>
	<td><img src="header.gif" width="800" height="258" /></td>
  </tr>
  <tr>
	<td width="800" background="background.gif">&nbsp;</td>
  </tr>
</table>

Brandon

[greg]

Add cellspacing="0" and cellpadding="0" to the table tag.

[Brandonador]

Wow, thanks greg, it worked!! Now, one more question.. ...

 help2.JPG   180.52K   82 downloads

Where it starts to type, I would like it more aligned (as you can see the arrow) to the right more, so it's actually in the content area. I thought about cellpading.. but I'm afraid it would mess the whole thing up What could I do to alter the code to solve the problem? Thanks! :)

The Current Code:

<table width="800" cellspacing="0" and cellpadding="0" border="0" align="center">
  <tr>
	<td><img src="header.gif" width="800" height="258" /></td>
  </tr>
  <tr>
	<td width="800" background="background.gif"> </td>
  </tr>
</table>

Brandon

Attached Files

•  help2.JPG   179.44K   46 downloads