Results 1 to 6 of 6

Thread: Table code issue

  1. #1
    Join Date
    Aug 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Table code issue

    Hi, I'm using the following table code for one of my sites:

    Code:
                         
                                                  <td background="images/braker_vert.gif" valign="top" width="1"><img src="images/braker_vert.gif" height="3" width="1"></td>
    <td valign="top" width="430"><table align="center" border="0" cellpadding="0" cellspacing="0" width="416">
    <tbody>
    <tr>
    <td><img src="images/spacer.gif" height="4" width="10"></td></tr></tbody></table>
    <table align="center" bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" width="416"><tbody><tr>
    
    
    <td>
    <table align="center" bgcolor="#003366" border="0" cellpadding="1" cellspacing="2" width="416" background="./images/gradient.gif">
    <tbody>
    <tr>
    <td class="headers">
      Single box</td>
      <td class="headers" align="right">&nbsp;</td>
      </tr>
      </tbody>
      </table>
      
      <table border="0" cellpadding="0" cellspacing="0" width="416">
      <tbody>
      <tr>
      <td>
      
      <img src="images/spacer.gif" height="1" width="1">
      </td>
      </tr>
      </tbody>
      </table>
      <table align="center" bgcolor="#f0f0f0" border="0" cellpadding="0" cellspacing="0" width="416">
      <tbody>
      <tr>
      <td valign="top" width="416">
      <table border="0" cellpadding="2" cellspacing="2" width="416">
      <tbody>
      <tr>
      <td class="txtnorm" valign="top" width="416">
      <p class="MsoNormal" align="right">
      </p>Test of a single box</td>
      </tr>
      </tbody>
      </table>
      </td>
      </tr>
      </tbody>
      </table>
      </td>
      </tr>
      </tbody>
      </table>
      <table align="center" height="22">
      <tbody><tr><td height="4"><img src="images/spacer.gif" height="2" width="10"></td></tr></tbody></table>
    It seems to display a black cell if I view in IE and in firefox it doesnt. Does anyone know how to correct this problem and remove it ?

    Thank you.

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    The first td <td> tag is outside of your <table> tag? That's not correct.
    - Mike

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,076
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    A link to the page would be of more help.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Aug 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Here's a link to one of the pages.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,076
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Get rid of the red table:

    Code:
    <td class="headers">
      Ley Street Centre</td>
      <td class="headers" align="right">&nbsp;</td>
    
      </tr>
      </tbody>
      </table>
      
      <table border="0" cellpadding="0" cellspacing="0" width="416">
      <tbody>
      <tr>
      <td>
      
      <img src="images/spacer.gif" height="1" width="1">
      </td>
    
      </tr>
      </tbody>
      </table>
      <table align="center" bgcolor="#f0f0f0" border="0" cellpadding="0" cellspacing="0" width="416">
      <tbody>
      <tr>
      <td valign="top" width="416">
      <table border=
    Add style to this table (inline as shown or in your stylesheet):

    Code:
    <table style="border-bottom:1px solid black;" align="center" bgcolor="#003366" border="0" cellpadding="1" cellspacing="2" width="416" background="./images/gradient.gif">
    <tbody>
    <tr>
    <td class="headers">
      Ley Street Centre</td>
      <td class="headers" align="right">&nbsp;</td>
    
      </tr>
      </tbody>
      </table>
    Not required - However, you can combine the table's attributes into its style, except for its cellspacing, which could be applied as a margin style to its cell):

    Code:
    <table style="border-bottom:1px solid black;background:url('./images/gradient.gif') #003366;width:416px;margin:0 auto;" cellspacing="2">
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Aug 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks again !!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •