Member Avatar for sam_pt

When I add the <!DOCTYPE html> to my page, white spaces appear below the images on the page. Why does this happen and how can I get rid of them?

Thanks guys!
Here's the code...

<!DOCTYPE html>
<html>
<head>
<title>CPU_21397_2014-Holiday-Card_HTML_eCard_Working</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<table width="764" border="1" cellspacing="0" cellpadding="0" border="1" bordercolor="#752864" align="center">
  <tbody>
    <tr>
      <td><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="764" height="646" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="10" >
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_01.jpg" width="764" height="" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_02.jpg" width="31" height="144" alt=""></td>
        <td width="193" height="" colspan="3" bgcolor="#752864" style="font-family: Tahoma; font-style: normal; font-weight: normal; color: #FFFFFF; font-size: 25px;">Happy Holidays <br>
&amp; Best Wishes <br>
for the <br>
New Year</td>
      <td colspan="3">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_04.jpg" width="315" height="144" alt=""></td>
        <td width="225"  colspan="3" bgcolor="#752864" style="font-family: Tahoma; font-style: normal; font-weight: normal; color: #FFFFFF; font-size: 25px;">Heureuses fêtes <br>
et meilleurs <br>
voeux pour la
nouvelle année</td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_06.jpg" width="764" height="138" alt=""  ></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_07.jpg" width="97" height="32" alt=""></td>
        <td width="178" height="32" colspan="2" bgcolor="#752864" style="font-family: Tahoma; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 18px;">Your friends at</td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_09.jpg" width="224" height="32" alt=""></td>
        <td width="174" height="32" colspan="2" bgcolor="#752864" style="font-family: Tahoma; font-size: 18px; font-style: normal; font-weight: normal; color: #FFFFFF;">Vos amis chez</td>
        <td colspan="2">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_11.jpg" width="91" height="32" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_12.jpg" width="764" height="115" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_13.jpg" width="46" height="87" alt=""></td>
        <td width="670" height="31" colspan="7" bgcolor="#FFFFFF" style="font-family: Tahoma; text-align: center; font-size: 18px; font-style: normal; font-weight: normal;"><br>
          First Last<br>
          First Last<br>
        <br></td>
        <td rowspan="2">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_15.jpg" width="48" height="87" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203056/c990da685f/CPU 2014 Holiday Card/CPU_21397_2014-Holiday-Card_HTML_eCard_Working_16.jpg" width="670" height="56" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="31" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="127" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="224" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="40" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="134" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="43" height="1" alt=""></td>
        <td>
            <img src="https://c7285ab9f7-custmedia.vresp.com/library/1417203397/0022d0da11/CPU 2014 Holiday Card/spacer.gif" width="48" height="1" alt=""></td>
    </tr>
</table>
</body></td>
    </tr>
  </tbody>
</table>
</html>
Edited by sam_pt
  • 4 Contributors
  • 4 Replies
  • 160 Views
  • 13 Hours Discussion Span
  • Latest Post Latest Post by OtisGross
Member Avatar for lorenzoDAlipio

whatever happened to your <body> after </head>?

Member Avatar for sam_pt

It's on line 10, no?

Member Avatar for cuzintone

It should be <html><head>..</head><body><table>...</table></body></html>

You also may want to look into CSS for layout as table usage for layout is strong discouraged.

Member Avatar for OtisGross

I agree with cuzintone. You should also check your css codes to make sure that the codes are fine.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.