Table Spacing?

Discussion in 'HTML & Website Design' started by Dumi, Oct 13, 2006.

  1. #1
    For some reason I cant get rid of the spacing at the top and the bottom of this table, any suggestions. I'm not sure what I'm doing wrong.

    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="732" id="AutoNumber1" bgcolor="#1F3C55">
      <tr>
        <td>
        <p align="center">
        <img border="0" src="/pix/small/5897961.jpg"></td>
        <td>
        <p align="center"><script type="text/javascript"><!--
    google_ad_client = "pub-9433563858228418";
    google_ad_width = 468;
    google_ad_height = 60;
    google_ad_format = "468x60_as";
    google_ad_type = "text";
    //2006-10-13: Header
    google_ad_channel = "5307936293";
    google_color_border = "1f3c55";
    google_color_bg = "1f3c55";
    google_color_link = "0066CC";
    google_color_text = "799cb0";
    google_color_url = "799cb0";
    //--></script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script></td>
        <td>
        <p align="center">
        <img border="0" src="/pix/small/mahone2.jpg"></td>
      </tr>
    </table>
    Code (markup):
     

    Attached Files:

    Dumi, Oct 13, 2006 IP
  2. DatR

    DatR Peon

    Messages:
    210
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i copied it locally and never got the spacing like you have in the picture.

    It's possible you have a doctype set on the page that gives that spacing.

    One thing you can try is to change this code:

    <td>
    <p align="center">

    to

    <td align="center">

    since you dont even close that <p> tag properly with another </p>
     
    DatR, Oct 13, 2006 IP
  3. Pat Gael

    Pat Gael Banned

    Messages:
    1,331
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It's easier if you ger rid of the <p> tag and centering this way

    
    <td align="center">
    </td>
    
    or 
    
    <td style="text-align:center">
    </td>
    
    
    Code (markup):
    However the problem could be the table, so try this instead:
    
    <table style="padding:0; background:#1F3C55; border:1px solid #C0C0C0;" cellpadding="0" cellspacing="0">
    
    Code (markup):
     
    Pat Gael, Oct 13, 2006 IP
  4. Dumi

    Dumi Active Member

    Messages:
    154
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4

    Looks like that was the problem, but now it seems that it added two bars on each side of the image. Thanks!

    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="732" id="AutoNumber1" bgcolor="#1F3C55">
      <tr>
        <td>
        <td align="center">
        <img border="0" src="/pix/small/5897961.jpg"></td>
        <td>
        <td align="center"><script type="text/javascript"><!--
    google_ad_client = "pub-9433563858228418";
    google_ad_width = 468;
    google_ad_height = 60;
    google_ad_format = "468x60_as";
    google_ad_type = "text";
    //2006-10-13: Header
    google_ad_channel = "5307936293";
    google_color_border = "1f3c55";
    google_color_bg = "1f3c55";
    google_color_link = "0066CC";
    google_color_text = "799cb0";
    google_color_url = "799cb0";
    //--></script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script></td>
        <td>
        <td align="center">
        <img border="0" src="/pix/small/mahone2.jpg"></td>
      </tr>
    </table>
    Code (markup):
     

    Attached Files:

    Dumi, Oct 13, 2006 IP
  5. Dumi

    Dumi Active Member

    Messages:
    154
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #5
    oops duh two sets of td. fixed! Thanks guys! :D
     
    Dumi, Oct 13, 2006 IP