Html 无法删除表中的空格和背景色

Html 无法删除表中的空格和背景色,html,css,html-table,Html,Css,Html Table,我正试图用表格制作一份时事通讯。在每个邮件客户端中,div框的工作效率并不是100% 如你所见,这里 这就是我在Photoshop中准备的,我对表格有一些问题。如何删除这两个图像之间的空间,并从图片中间的文本和按钮变为灰色的背景颜色,如果我给它一个新的TD,那么什么都不起作用。它应该看起来像我上传的图片。如果你能帮我,那就太好了 <td width="29">&nbsp;</td> <td width="291" valign="to

我正试图用表格制作一份时事通讯。在每个邮件客户端中,div框的工作效率并不是100%

如你所见,这里

这就是我在Photoshop中准备的,我对表格有一些问题。如何删除这两个图像之间的空间,并从图片中间的文本和按钮变为灰色的背景颜色,如果我给它一个新的TD,那么什么都不起作用。它应该看起来像我上传的图片。如果你能帮我,那就太好了

<td width="29">&nbsp;</td>
            <td width="291" valign="top">
                <a target="_blank" href="#">
                <img src="images/angebotbild1.jpg" style="display: block;" border="0" width="355" height="150"></a>

                <div style="margin-top: 3px;"></div>

                <font color="#778da7" face="Trebuchet, Arial, Verdana, Helvetica, sans-serif" size="2" style="font-size: 12px">
                    Wie gemacht für alle, die den etwas 
                    anderen Sommer 
                    erleben wollen: Diese Reise führt Sie zu den großen 
                    Metropolen und kleinen Städten des Baltikums. Jede 
                    davon wird Sie durch den Kontrast zwischen prunkvoller 
                    Architektur in den historischen Stadtzentren und der 
                    nachhaltigen in den neuen Arealen Bauweise faszinieren. 
                    Jeder Ort erzählt hier seine eigene, spannende 
                    Geschichte. Lassen Sie sich verzaubern.
                </font>
                <a  href="#" alt="Book now" target="_blank" style="color:#cc1f2f; font-weight:bold; text-decoration:none;float:right"><img border="0"  src="images/button.jpg" width="335" height="60" style="display:block;" border="0" /></a>
            </td>
        </tr>
        </table>  
这是完整的代码

将底部链接内的样式从float:right更改为float:left

更改链接内的img标记,并使图像宽度为355而不是335。 底部的按钮是image button.jpg,您只能通过使用photoshop编辑来更改其背景色,并且不要忘记将其图像大小更改为355px


下次请把你们的文件放在公共区域,我们现在看不到它是什么样子,只能猜测它应该是什么样子

由于OP答案似乎已经包含在内,这里有一个供您选择的输出选项,供将来使用:

不必自己创建表并手动处理代码,您可以在“保存为web”选项中允许Photoshop自动执行该过程。此选项允许您保存图像和文本,因此该部分中的文本区域将只是一个无图像的切片类型,使用切片工具在切片上单击鼠标右键>编辑切片选项。现在,只需将文本添加到所选片段中即可


当您为web保存时,它将输出一个图像和文本正确对齐的表。然后,您可以使用css清理表中的文本,以满足您的需要。

目前我无法获得完整答案。我知道顶部可以通过在600号上加一颗星星来修复你说的星星是什么意思这只是新闻稿的一部分而不是全部哦,等等,现在发生了一些事情,看起来是这样的,我必须把房间换到左边,按钮还在spacefirstavel上谢谢。这是可行的,但现在我有一个问题,就是左右两边的空间太大了。它应该在一条线上。应该是这样的,我不想改变文本的背景颜色,而不是从底部开始。文本所在的房间应该是浅灰色的,就像图中一样,但到目前为止是浅灰色的。我更新了JSFIDLE文件,这就是它现在的样子,使用换行符布局非常糟糕,请尝试查找如何构建电子邮件布局