我如何阻止这个细胞加倍?

时间:2013-04-11 06:53:44

标签: html css cell htmltidy

好的,所以我已经开始将我的页面更改为CSS,因此我可以链接到样式表以获得所有好处。

在将所有不兼容的位更改为css之后,页面将从w3运行html整理。

Html tidy

在添加了一些css而不是我之前使用的不兼容的html之后,通过html整理得不到好处,细胞的高度是它们的两倍。

这是正在进行的link to the page

这是问题代码中的一个单元格:

<td style="width: 283px; height: 30px; 
    background-image: url('EmuNewNGd_Template/techage_map1_featurebar.jpg')">
   <p align="center">
       <b>
          <font color="#000080" size="2" face="Tahoma">
            Bringing You Nothing But The Best
         </font>
      </b>
   </p>
</td>

任何想法为什么它们如此之大,因为它们在浏览器中查看时的大小不是30px而是更大。

请记住,我对CSS不太满意。

1 个答案:

答案 0 :(得分:3)

它们更大,因为表中有<p>个元素包含文本。默认情况下,<p>元素具有边距。您可以将其添加到您的css中删除它:

#AutoNumber9 tbody tr td p { margin: 0; padding: 0; }

这仅适用于ID为#AutoNumber9的表。 如果您想对网站上的所有<p>元素执行此操作,您可以添加:

p {
    margin: 0;
    padding: 0;
}