Table spacing issue

Dev Shed Forums Sponsor:

August 29th, 2012, 12:59 PM

Saulsabor

Registered User

Join Date: Aug 2012

Posts: 3

Time spent in forums: 58 m
Reputation Power: 0

Table spacing issue

i am developing an html email. to do this i used two separate tables and now there is spacing between them. i cut images to post in the tables that seems to be causing the issue. however i have tried everything i know including looking online for solutions.

SOlutions tried :
- setting the cellspacing to 0
- setting the cellpadding to 0
- setting the border to 0
- reducing the height of the table so there should no spacing between the table edge and imagg

any ideas

August 29th, 2012, 01:09 PM

Saulsabor

Registered User

Join Date: Aug 2012

Posts: 3

Time spent in forums: 58 m
Reputation Power: 0

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>
<center>


<table align="center" style="width:600px; height:243x; boarder-collapse: collapse;" cellpadding="0" cellspacing="0">
<tr valign="top">
<td> <img src="images/header1.jpg" ></td>

</tr>

</table>

<table bgcolor="#000000"height="457px" cellpadding="0" border="collapse" cellspacing="0" style="border-collapse:collapse;" >

<tr>
<td width="386px" valign="top">

</td >
<td width="214px" valign="top"><img src="images/side.jpg" > </td>

</tr>

</table>

</table>

</body>
</html>

August 29th, 2012, 01:41 PM

AndrewSW

JavaScript is not spelt java

Join Date: Feb 2011

Location: Landan, England

Posts: 743

Time spent in forums: 2 Weeks 1 Day 23 h 1 m 13 sec
Reputation Power: 164

There are numerous errors in your code, including the spelling of border, an unmatched-closing table tag, use of deprecated (obsolete in HTML5) attributes (center, valign, bgcolor).

I suggest you fix these first. Validate!. Otherwise, you cannot expect it to behave.

Once you've fixed everything you should study CSS and probably remove the tables' margins.

August 29th, 2012, 01:47 PM

Saulsabor

Registered User

Join Date: Aug 2012

Posts: 3

Time spent in forums: 58 m
Reputation Power: 0

Thank you for your help and for hurting my feelings JK JK.
i corrected the errors and vailitated. thank you

so what your saying you can use table for html 5
i thought it was flexible? please elaberate

August 29th, 2012, 02:03 PM

AndrewSW

JavaScript is not spelt java

Join Date: Feb 2011

Location: Landan, England

Posts: 743

Time spent in forums: 2 Weeks 1 Day 23 h 1 m 13 sec
Reputation Power: 164

Code:

<style type="text/css">
table {
    margin-top: 0;
}
</style>

is a starting point, as in this page: w3schools

Table spacing issue

Developer Shed Advertisers and Affiliates