0

作为对基本 html 的访问受限的客户服务人员，我被分配了一项任务，超出了我制作高亮项目的体面页面的技能，经过一系列搜索之后，我以某种方式让事情正常工作，好吧，在 Firefox 中，当我在 Chrome 和 IE 中加载了相同的内容，我发现了不同的问题，尽我所能，我不知道是什么导致了问题......

您可能首先希望查看 Firefox 版本，因为它可以完美显示，因为我希望它：http:
//jsfiddle.net/kitchellw/TR6v5
（我不知道为什么第一行不应用 CSS .. .)

在IE中，圆角消失了，我不会太担心......但是

  • 垫子没了……
  • 下桌看起来一团糟
  • 我找到了一种处理图像边框的方法，只是border=0

在镀铬中，

  • 虽然上部看起来不错，但下部表格中的内容似乎“向右移动”了几个像素并且不再居中

下面是问题表的确切代码：

<table class=highlightitem>
<tr>
<td height="200" valign="top" >
<center>
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank">
<img width=234 src="http://www.digitalbuydirect.com/edm/eDM20130516/TX30.png" /></a>
</center>
</td>
</tr>
<tr>
<td height="200" valign="top" >
<font class=product><B>some text</b></font><br><br>
<font class=content>some text</font><br>
<br>
<font class=pricehighlight><B>price</font><BR>
<font class=content><s>other price</s></font>
</td>
</tr>
<tr>
<td align="right" height="50" valign="bottom" >
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank"><img src="http://www.digitalbuydirect.com/edm/achieve/shopnow_35.png" /> </a></td>
</tr>
</table>

最后，我知道我的代码很复杂，通过使用多表来控制垂直位置，CSS是我的朋友，但我无法获得右下角的“立即购买”图标站，并附有可点击的网址它，我发现带有 url 显示块的 CSS 背景图像可能有效，但显示块仍然要求至少 1 个字符，这是我在图像上买不起的。任何提示或方向将不胜感激。

4

1 回答 1

0

首先，您应该真正清理已弃用的代码。

到目前为止，我所看到的已弃用或不再受支持的内容如下：

<center>- 使用 CSStext-align:center; 参考

<font>- 使用另一个元素，例如<p>加上CSS 文本样式

<td align="right">- 使用 CSSfloat:right; 参考

<td valign="top">- 使用 CSSvertical-align:top; 参考

至于你的 IE 填充问题，看看这个问题。我不确定这是否适用，因为你没有在问题中包含你的 CSS，所以我不知道你是如何实现你已经拥有的填充的。

至于居中， usingmargin:0 auto;将适用于静态定位的元素。对于绝对或固定位置元素，我这样做：#elementID{width:800px[specify width]; left:-400px[negative half of the width]; margin-left:50%;}

于 2013-05-27T04:26:39.803 回答