我想知道我是否在HTML表格中使用colspan属性,我打算将其作为电子邮件,电子邮件客户端(Outlook等等)了解colspan的作用,因为我已经读过这可能会导致布局出现问题?
我试图看看是否可以在图像上放置一些文本而不使用position:absolute或者将图像作为元素的背景.
限制的原因是HTML代码进入电子邮件,事实证明hotmail既不支持也不支持.
我记得当我第一次开始学习CSS时,摆弄图像周围的浮动文本时,我常常最后快速地将图像传遍整个图像.可悲的是,我不能重现那种行为.
全文(编辑):
我从图形设计师那里得到了一个精美的布局.它基本上是一个很好的背景图片,标识链接到网站,基本上是中间的"文本到达"区域.
像往常一样,在这些情况下,我正在使用表来确保所有内容都保持原位并运行crossbrowser + crossmailclient.
问题来自于中间的"文本到此处"区域不是白色矩形,而是具有一些背景图形.
经过一些测试,看起来Live Hotmail似乎不喜欢这两个位置:绝对或背景图像; 相对利润也不好,因为它们会破坏其余的布局.
当前版本,适用于任何其他邮件客户端/网站:
...
<td>
<img src='myimage.jpg' width='600' height='400' alt=''>
<p style="position: absolute; top: 120px; width: 500px; padding-left: 30px;">
blablabla<br>
yadda yadda<br>
</p>
</td>
...
Run Code Online (Sandbox Code Playgroud)
当然,"这是不可能的"可能是一个完全可以接受的答案,但我希望不是;)
我正在尝试创建一个如下所示的电子邮件模板。我用过桌子。除了图像未显示在正确的位置之外,我可以做所有事情。图像应该显示在容器的中间和顶部(参见屏幕 1),但我无法完成它。我曾尝试提供negative margin给container,但 gmail 和其他邮件服务忽略了负边距。

这是到目前为止我能够完成的事情。

代码位于此处。有人可以帮忙解决这个问题吗?