HELP NEEDED! Removing Gaps between table cells

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default HELP NEEDED! Removing Gaps between table cells

    :frown;
    What's up everyone. I'm creating an html file so i can use as a stationary in
    my emails I send out through Outlook. I lucked up and eliminated the gaps
    between the images on the right side but the graphic statement. I'm a novice at
    this so keep that in mind lol. The graphic of "You've found the perfect
    soulmate...." still has a huge gap above it! I've battled with it and can't
    figure out why it's there! THe graphic statement is <img
    src........power_statement. The html is below, and i highlighted the area where
    the power_statement graphic is in the table and i've provided a link to a
    screen capture of how the gap looks.

    screen capture link: [url]http://www.iibyandre.com/example.jpg[/url]

    <HTML>
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>wedding services email</title>
    <style type="text/css">
    <!--
    body {
    background-color: #ffffff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    -->
    </style></head>

    <body>
    <table width="626" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="4">&nbsp;</td>
    <td colspan="2"><img src="main_header.gif" width="626" height="95"
    border="0" cellspacing="0" cellpadding="0"/></td>
    </tr>
    <tr>
    <td rowspan="3">&nbsp;</td>
    <td width="393"><div align="center"><img src="power_statement.gif"
    width="360" height="108" border="0" cellspacing="0" cellpadding="0"
    align="top"/>
    <p align="left"><font color="#222" face="Verdana, Arial, Helvetica,
    sans-serif" style="font-size:11px;">Brides get cash back. You get more
    business. That?s a recipe for success!<br>
    Since its launch in August, the I DO program has been a runaway hit
    with couples on The Knot -- thousands of brides have registered to earn cash
    back on purchases with our network of participating vendors.</font></p>
    <p align="left"><font color="#222" face="Verdana, Arial, Helvetica,
    sans-serif" style="font-size:11px;">We love I DO -- and our users do, too</font>
    <font color="#222" face="Verdana, Arial, Helvetica, sans-serif"
    style="font-size:11px;"><br>
    The I DO program is exactly the kind of smart, practical, useful
    service The Knot loves to offer our audience. That?s why we?re promoting our
    first-ever wedding rewards program with major promotion online, in print, and
    at trade shows -- and hundreds of brides are joining every week!</font></p>
    <p align="left"><font color="#222" face="Verdana, Arial, Helvetica,
    sans-serif" style="font-size:11px;">Say I DO to more brides, and more
    business.</font>

    <font color="#222" face="Verdana, Arial, Helvetica, sans-serif"
    style="font-size:11px;"><br>
    Join the I Do Vendor Network today:
    <br>
    •&nbsp;Benefit from tens of thousands of dollars of marketing
    exposure<br>
    &nbsp;&nbsp;&nbsp;for the ?I Do? program. <br>
    •&nbsp;Influence the purchase decisions of ready-to-buy brides
    <br>
    •&nbsp;Increase the number of couples interested in your
    services<br>
    &nbsp;&nbsp;&nbsp;and BOOK MORE BUSINESS <br>
    •&nbsp;No up-front cost to join -- we?ve waived our sign-up
    fee!</font></p>
    <p align="center"><font color="#222" face="Verdana, Arial, Helvetica,
    sans-serif" style="font-size:11px;"><a href="/www.iibyandre.com"><img
    src="link_logo.gif" width="288" height="22" border="0"></a></font></p>
    </div></td>
    <td width="233" rowspan="3"><div align="right">
    <img src="eng_couple_1.jpg" width="224" height="207" /><img
    src="bridal_1.jpg" width="224" height="207" /><img src="wed_couple_1.jpg"
    width="224" height="207" /></p>
    <p>&nbsp;</p>
    </div></td>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    </tr>
    <tr>
    <td><p align="center">&nbsp;</p></td>
    </tr>
    <tr>
    <td><div align="center"><a href="http://www.iibyandre.com"></a></div></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </body>
    </html>
    Text

    Sai_Zelion Guest

  2. Similar Questions and Discussions

    1. table with sort_key without gaps
      Hi, i have a table like this: create table array ( account text NOT NULL, id int4 NOT NULL, value text NOT NULL, PRIMARY KEY...
    2. Right justify in all the cells of a table?
      When I try to right justify all of the cells in a table only the right most cells are right justified. Is there any way to right justify all of the...
    3. Tabs in table cells
      Once I have got a tab in a table I simply copy it when I need another. Saves going to the Type menu all the time.
    4. tabbing between table cells
      Is there a shortcut for "insert end of column" to tab between table cells. Its so clunky. At this rate I think I'll do the tables in a wordprocessor...
    5. background in table cells
      ameen: Yes. Click in the cell and use the Property Inspector to specify a background image. Be aware that in order to see the background fully,...
  3. #2

    Default Re: HELP NEEDED! Removing Gaps between table cells

    Looks like vertical alignment.

    Try:

    td
    {
    vertical-align: top;
    }
    VVebbie Guest

  4. #3

    Default Re: HELP NEEDED! Removing Gaps between table cells

    Please forgive me for asking this, but where should I insert it? Would you copy my code and insert it so i can see what you mean?
    Sai_Zelion Guest

  5. #4

    Default Re: HELP NEEDED! Removing Gaps between table cells

    It goes in with the rest of the css styles, near the top.

    There's a rule there for body that starts with body {, any where before or after that should be fine.
    VVebbie Guest

  6. #5

    Default Re: HELP NEEDED! Removing Gaps between table cells

    thanks for explaining the placement and meaning of the "RULE" curly bracket. it worked perfectly! THanks man!

    Sai_Zelion Guest

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139