gpt4 book ai didi

css - 使表格的外观与 Quirks 模式下的外观相同

转载 作者:行者123 更新时间:2023-11-28 09:55:49 27 4
gpt4 key购买 nike

我正在为我的页面使用下面的 DOCTYPE,它使页面保持 Quirks 模式,我的表格看起来像下面链接中的表格。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

http://talkingsoccer.net/inquirks.jpg

当我将文档类型更改为以下任一文档类型时,页面将脱离怪癖模式并使用 IE8 标准模式(我正在使用 IE8),如下面的链接所示。

<!DOCTYPE html> or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

http://talkingsoccer.net/outofquirks.jpg

我如何在 CSS 中使 IE8 标准模式看起来像 Quirks 模式下的表格(图像显示在顶部链接)以及其他主要浏览器(如 Chrome、FireFox、IE8-IE12 及更高版本)?

这是我的代码...

 <style>
.link2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
font-weight: bold; color: #333333; text-decoration: none}
</style>

<table width="100%" border="1" cellspacing="3" cellpadding="2" bgcolor="#B5CBE7">
<tr>
<td><a href="http://www.example.com/" class="link2">Home Page</a></td>
</tr>
<tr>
<td><a href="http://www.example.com/affiliate.htm" class="link2">Affiliate Program</a></td>
</tr>
<tr>
<td><a href="http://www.example.com/catalog.htm" class="link2">Order Catalog</a>
</td>

</tr>
<tr>
<td><a href="http://www.example.com/privacy.htm" class="link2">Privacy Policy</a>
</td>

</tr>
<tr>
<td><a href="http://www.example.com/status.htm" class="link2">Order Status</a></td>
</tr>
<tr>
<td><a href="http://www.example.com/return.htm" class="link2">Return Policy</a></td>
</tr>
<tr>
<td><a href="http://www.example.com/cgi-bin/cybercart6.pl?action=order&
merchant=mysite" class="link2">View Shopping Cart</a></td>

</tr>
</table>

最佳答案

您必须先创建一个 div 并设置作为您的侧面图像的背景,然后在该 div 中创建一个表格,表格左侧边距用于在该 anchor 、td、tr 之后显示 bg 图像,所有设置的填充和边距为0 它将减少文本和表格边框之间的空间

关于css - 使表格的外观与 Quirks 模式下的外观相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24925818/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com