table has unwanted gaps

Discussion in 'Web Design and Development' started by nicrose, Dec 23, 2008.

Thread Status:
Not open for further replies.
  1. nicrose macrumors member

    Joined:
    Apr 11, 2006
    #1
    Hi I'm having a problem with a table. I'm using Dreamweaver to create a table. It all has to be in html with no CSS. I want text in the table and I want to be able to shorten or lengthen the table vertically if we have to edit the text later.

    The problem is, I get these gaps between the top and middle row, and the bottom and middle row. It's almost perfect in Firefox, but when I upload it to the website, the gaps are really pronounced. I guess this has to do with the size of the text in the middle. Should I be using some kind of inline CSS so that the middle cells on the right and left will lengthen or shrink up, depending on how much text there is in the middle? Or is there a better way to go about this?

    I'm also not sure why the background color of the middle cell is not showing up in Firefox. Any suggestions are much appreciated.

    Here is the html:

    <table width="615" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="49"><img src="images/m_home_body_table_topleft.jpg" width="49" height="49" /></td>
    <td width="527"><img src="images/m_home_body_table_topmid.jpg" width="527" height="49" /></td>
    <td width="39"><img src="images/m_home_table_topright.jpg" width="46" height="49" /></td>
    </tr>
    <tr>
    <td><img src="images/m_home_table_midleft.jpg" width="49" height="482" /></td>
    <td bgcolor="EEEEEE"><p> <br />
    <span class="style1">We've been satisfying customers like you since the Truman Administration and there isn't much we can't handle. In fact, most of our best customers are other printers!</span></p>
    <p class="style1">Our printing is first rate, top quality, traditional offset and letterpress. We've been doing it since 1946. If you're looking for the best value for your printing dollars from a company whose quality is second to none, then perhaps we can help. </p>
    <p class="style1">We take pride on the excellent reputation we've earned with our customers. We strive to continue to offer the best printing value available.</p>
    <p class="style1">Get the individual attention your printing deserves. Unlike most online printers, WE WILL NOT GANG YOUR BROCHURES OR POSTERS WITH A DOZEN OTHER PRINTING JOBS!</p>
    <p class="style1">Our customers have many choices of vendors when it comes to who does their printing. Since our clients range from printing brokers, designers, letterpress printers, copy shops, and other offset printers, we know we have to be competitive on price and quality.</p>
    <p class="style1">Simply click on a tab on the left to go to the product you wish, such as Letterpress Printing or Carbonless Forms. From there, you will be instructed how to order and easily upload your files.</p>
    <p class="style1">Don't see what you need? No problem. Most of the work we do is custom made for the individual which can't fit into a nice, neat web page. Simply call us at (510) 555-5555 or email us at site@aol.com for a quick estimate on your project.</p>
    <p class="style1">Whether it's 500 business cards, 500,000 booklets, or 100 letterpress wedding invitations, let us put our 60 years of expertise to work for you.</p></td>
    <td><img src="images/m_home_table_midright.jpg" width="46" height="482" /></td>
    </tr>
    <tr>
    <td><img src="images/m_home_table_botleft.jpg" width="48" height="51" /></td>
    <td><img src="images/m_home_table_botmid.jpg" width="527" height="51" /></td>
    <td><img src="images/m_home_table_botright.jpg" width="46" height="51" /></td>
    </tr>
    </table>
     
Thread Status:
Not open for further replies.

Share This Page