表格单元格之间有太多空间

时间:2014-08-22 17:45:29

标签: html css html-table

好的,所以这个表有几个问题。我需要它看起来尽可能地丢失:

Table

但是,当我尝试实现这一点时,最终在包含文本的表格单元格之间存在大量空间,并且由于某种原因,valign =“top”不起作用,也不是vertical-align:中间文本部分因此它们不与图像的顶部对齐。这就是它现在的样子:http://imgur.com/KKIGrhQ

不确定如何修复任何此类或使其看起来像原始。 :(请帮忙!提前致谢!!!

<table width="570" align="center" style="padding-top:10px; background-color:#FFF; border-top:dotted 1px #000;">
 <tr>
 <td width="190" valign="top">
  <img src="images/plant.jpg" />
 </td>
<td width="199" valign="top" style="vertical-align:top;">
<p style="font-size:14px; color:#646f9a; line-height:15px;">DEFYING THE RECESSION<br>
<span style="font-size:11px; color:#707764; line-height:12px; letter-spacing:0.2pt;"><strong>Sarah Walker</strong>, CNNMoney.com staff writer</span></p>
<p style="font-size:11px; color:#707764; line-height:12px; letter-spacing:0.2pt;">When metal worker Ken Kash was laid off in July from his job at a theatre set company, he decided not to look for another full-time position. Instead, he's pursing a <span style="text-decoration:underline;">longtime dream</span>: launching his own company.</p>
<p style="font-size:11px; color:#646f9a;">STRATEGIC <strong>INVESTMENT</strong> <span style="color:#c0d84d;">&bull;</span></p>
 </td>
 <td width="121" valign="top" rowspan="1" style="background-color:#eff2d9; border-bottom:solid #c0d84d 8px; padding-left:10px; padding-right:10px; padding-top:2px;">
 <p style="font-size:14px; color:#646f9a; line-height:15px;">ASK AN EXPERT</p>
 <p style="font-size:11px; color:#707764; line-height:12px; letter-spacing:0.2pt;"><strong>Q: Is there anything in this massive federal economic stimulus plan for small business? <br>
 — Rick<br><br>

 A: Yes, lots.</strong><br><br>

  There is going to be a lot of federal, state and local money available. Get ready to take advantage of it. <span style="text-decoration:underline;">Read more...</span></p>
 <p style="font-size:11px; color:#646f9a;">ASK THE <strong>EXPERT</strong> <span style="color:#c0d84d;">&bull;</span></p>
 </td>
 </tr>
 <tr>
 <td valign="top" style="vertical-align:top;"><img src="images/video.jpg" />
 </td>
 <td valign="top" style="vertical-align:top;">
 <p style="font-size:14px; color:#646f9a; line-height:15px;">DEFYING THE RECESSION<br>
 <span style="font-size:11px; color:#707764; line-height:12px; letter-spacing:0.2pt;"><strong>Sarah Walker</strong>, CNNMoney.com staff writer</span></p>
 <p style="font-size:11px; color:#707764; line-height:12px; letter-spacing:0.2pt;">When metal worker Ken Kash was laid off in July from his job at a theatre set company, he decided not to look for another full-time position. Instead, he's pursing a <span style="text-decoration:underline;">longtime dream</span>: launching his own company.</p>
 <p style="font-size:11px; color:#646f9a;">STRATEGIC <strong>INVESTMENT</strong> <span style="color:#c0d84d;">&bull;</span></p>
</td>
<td rowspan="2">&nbsp;</td>
 </tr>
 </table>

1 个答案:

答案 0 :(得分:0)

你不应该使用表格。尝试使用twitter bootstrap或960 Gs或sny其他css网格系统。