The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Unwanted Row Spacing, Unable to Remove, Unable to troubleshoot row spacing.
Gateway Greening
post Dec 7 2011, 12:06 PM
Post #1





Group: Members
Posts: 2
Joined: 7-December 11
Member No.: 16,019



Problem: Mega spacing between rows.

IPB Image


Link to full e-newsletter: http://www.gatewaygreening.org/upcoming-events/test.html

[font=Verdana]I'm currently re-designing our organizations E-Newsletter. The padding between rows has me stumped. I'm satisfied with every other aspect , but I just can't seem to mitigate this row spacing problem.

It looks great if there's only one row within a "section." However, when I put multiple rows within a section such as the Upcoming Events to differientiate between the different events, the spacing is much to large.

How do I remove this space? Even better, can I remove the space locally between these specific rows?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Dec 7 2011, 12:34 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



It looks like it's a combination of the padding inside your td elements, and the margin around the elements inside your td elements.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Gateway Greening
post Dec 7 2011, 01:09 PM
Post #3





Group: Members
Posts: 2
Joined: 7-December 11
Member No.: 16,019



Thanks Darin,

I'm having trouble locating where to make those changes. Could you point me to the code that needs to be changed?

QUOTE
<table style="text-align: center; font: normal normal normal 14px/20px Arial, Verdana, sans-serif; color: #333333; width: 100%; background-color: #e9e8e8;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-family: Arial, Verdana, sans-serif; color: #333333; font-size: 14px;"><address> </address>
<table style="text-align: left; width: 590px; font: 14px/20px Arial, Verdana, sans-serif; color: #333333;" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="width: 590px;">
<table style="background-color: #ffffff;" border="0" cellspacing="0" cellpadding="10">
<tbody>
<tr style="background-color: #e9e8e8;" align="middle" valign="center">
<td><span style="font-family: verdana, geneva; font-size: small;">Having trouble viewing this email? <a href="http://www.gatewaygreening.org/upcoming-events/ggi-holiday-party.html">Click here</a> to view it in your browser.</span></td>
</tr>
<tr style="background-color: #4196d2;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; font-size: medium;"><strong><img alt="" height="400" src="https://community.gatewaygreening.org/view.image?Id=863" width="640" /></strong></span></td>
</tr>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4196d2;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Introductory Paragraph</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Bust out those ugly Christmas sweaters, and get into the holiday spirit with Gateway Greening! Have a glass of nog, and enjoy a couple hours with your favorite community garden friends. If you would like to participate in a <strong>fun gift exchange</strong>, please bring a “white elephant gift” (an inexpensive, gag or re-gifted item). It's also a <strong>potluck</strong>; share your fondest holiday dish! Complimentary beer and wine will also be served.</span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #a9c438;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Tip of the Week</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Thursday, December 15th, 5-7pm</span></span></strong></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4e3412;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Upcoming Events</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Title 1</span></span></strong></p>
</td>
</tr>
<tr>
<td>
<p><em><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Date 1</span></span></em></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Description 1 Event Description 1 Event Description 1 Event Description 1 Event Description 1 Event Description 1 Event Description 1 Event Description 1.</span></span></p>
</td>
</tr>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Title 2</span></span></strong></p>
</td>
</tr>
<tr>
<td>
<p><em><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Date  2</span></span></em></p>
</td>
</tr>
<tr>
<td>
<p><em><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Event Description 2 Event Description 2 Event Description 2 Event Description 2 Event Description 2 Event Description 2 Event Description 2 Event Description 2.</span></span></em></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4196d2;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Volunteer Opportunities</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Bust out those ugly Christmas sweaters, and get into the holiday spirit with Gateway Greening! Have a glass of nog, and enjoy a couple hours with your favorite community garden friends. If you would like to participate in a <strong>fun gift exchange</strong>, please bring a “white elephant gift” (an inexpensive, gag or re-gifted item). It's also a <strong>potluck</strong>; share your fondest holiday dish! Complimentary beer and wine will also be served.</span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #a9c438;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">City Seeds Urban Farm Update</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Thursday, December 15th, 5-7pm</span></span></strong></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4e3412;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Seeds & Seedlings for Sale</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Gateway Greening Office<br />2211 Washington Ave<br />St. Louis, MO 63103<br /><a href="http://g.co/maps/xpqdf">Get Directors Here</a> </span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4196d2;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Hub Garden News</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Bust out those ugly Christmas sweaters, and get into the holiday spirit with Gateway Greening! Have a glass of nog, and enjoy a couple hours with your favorite community garden friends. If you would like to participate in a <strong>fun gift exchange</strong>, please bring a “white elephant gift” (an inexpensive, gag or re-gifted item). It's also a <strong>potluck</strong>; share your fondest holiday dish! Complimentary beer and wine will also be served.</span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #a9c438;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">On the Grapevine</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Thursday, December 15th, 5-7pm</span></span></strong></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4e3412;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Grant Opportunities</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Gateway Greening Office<br />2211 Washington Ave<br />St. Louis, MO 63103<br /><a href="http://g.co/maps/xpqdf">Get Directors Here</a> </span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4196d2;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">Helpful Links</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">Bust out those ugly Christmas sweaters, and get into the holiday spirit with Gateway Greening! Have a glass of nog, and enjoy a couple hours with your favorite community garden friends. If you would like to participate in a <strong>fun gift exchange</strong>, please bring a “white elephant gift” (an inexpensive, gag or re-gifted item). It's also a <strong>potluck</strong>; share your fondest holiday dish! Complimentary beer and wine will also be served.</span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #a9c438;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">-------</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><strong><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">----------</span></span></strong></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4e3412;" align="left" valign="top">
<td><span style="font-family: verdana, geneva; color: #ffffff; font-size: 14pt;">-------------</span></td>
</tr>
</tbody>
<tbody>
<tr>
<td>
<p><span style="font-family: verdana, geneva;"><span class="Apple-style-span" style="font-size: 15px; line-height: 25px;">----------------</span></span></p>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #e9e8e8;" align="left" valign="top">
<td> </td>
</tr>
</tbody>
<tbody>
<tr style="background-color: #4f3312;" valign="top">
<td colspan="2" align="middle">
<p><span style="font-family: verdana, geneva; color: #ffffff; font-size: small;">Gateway Greening, Inc.</span><br /><span style="font-family: verdana, geneva; color: #ffffff; font-size: small;">2211 Washington Avenue, St. Louis, MO 63103</span><br /><span style="font-family: verdana, geneva; color: #ffffff; font-size: small;">Phone: 314.588.9600 | Fax: 314.588.9600  </span><span style="font-family: verdana, geneva; color: #ffffff; font-size: small;"><a href="target=&pid=294&did=0&tab=0"><span style="color: #fffff0;"><br /></span></a><a href="target=&pid=294&did=0&tab=0"><span style="color: #fffff0;">Privacy policy</span></a> <a href="target=&pid=293&did=0&tab=0"><span style="color: #fffff0;">Unsubscribe</span></a> </span><span style="font-family: verdana, geneva; color: #ffffff; font-size: small;"><span style="color: #fffff0;">© 2010 Gateway Greening</span></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>

</table>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2011, 02:34 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Turn table borders on while debugging so you can see where the gaps are.

But it looks like it's the default margins on P that is the cause.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 10:25 AM