HTML表的错误CSS

我不熟悉HTML和CSS，我想我可以请你帮我解决我遇到的一个问题

好,现在来了解具体情况

我正在使用以下代码：

基本上，它是一个带有CSS样式的HTML表格。顺便说一句，我用折叠的东西使边界变成1像素

然而，当我在Firefox和Chrome中查看最终结果时，会出现5个奇怪的问题：

我似乎不能把桌子做成我想要的尺寸。总的大小应该是688x27像素（带填充和边框），但在Firefox和Chrome中，大小并不是预期的（我怀疑我的代码是错误的…）。它显示为688x29px

出于某种奇怪的原因，我也不能将某些单元格的总大小限制在我想要的范围内。这是指3个单元格，其中仅包含一个图像（具有以下类的单元格：.td bluebg、.td description、.td collapse）。图像的大小分别为25x25、26x25和25x25px。我只想让他们留在自己的表格单元格中，没有任何填充，并被1px表格边框包围。对于.td bluebg单元格和整个表格，底部有额外的2px（见问题1），这在Chrome中很容易被发现（我正试图找到摆脱它们的方法）

我已经在“？”图标（在带有.td bluebg类的单元格中）上创建了一个简单的“鼠标悬停图像”效果。但是，悬停图像显示的是距表边框2px。是否可以将悬停图像放置在距离表格边框仅1px的位置？我试过这么做，但可惜运气不好。 我试图找到一个解决方案，几乎在某一点上破坏了整个样式，但我为悬停效果恢复了旧版本的CSS代码，并在

/**/

注释括号中随机放置了一些不必要的CSS声明，这帮助我纠正了这个错误。 那么，您将如何使悬停显示的图像与表格边框的距离仅为1px

我似乎无法将.td collapse的单元格大小设置为我想要的大小。。。它只是一直延伸到桌子的末端，而不是停留在它的末端，并且具有预期的大小。。。修理

在当前代码中，我声明：

table.gridtable1 td {
border-color: #219DEC; /* AnimeRulezzz blue */
border-style: solid;
border-width: 0px;

如果我想返回单个单元格（td）的1px边框，如果该选项声明为（即，如果我设置table.gridtable1 td

{border width:1px；}

），是否有方法隐藏某些单个单元格的左边框和/或右边框

顺便说一句，对于意大利面代码我很抱歉，正如我所说的，我完全是个新手

让我们看看

请记住，

margin

、

padding

、

border

和一些其他CSS属性将增加您的物理宽度和高度。因此，如果您指定了它们，它们将添加到

宽度

和

高度

属性中

为了限制单元格的大小，我建议您使用CSS来确保浏览器没有使用自己的默认CSS属性。为单元格指定

边距

、

填充

等属性，以确保没有任何额外的样式

使用

background position

和相关的

background

属性来微调样式。有很棒的CSS和背景属性教程

对于正在折叠的单元格，请检查是否正确设置了

height

CSS属性。

和

元素可能要求您在HTML中指定

高度

属性。我把桌子丢了，我建议你也这样做

您可以使用

边框左

，

边框右

等为元素的每一侧指定特定的边框属性。简写属性类似于

边框：1px 2px 3px 2px

，意思是

边框：右上下左

。查看w3学校网站了解更多信息

如果我遗漏了什么，请随时发表评论：）

---

编辑：就我个人而言，我不喜欢你链接到的示例，因为它非常长：\n如果你给我们你的HTML页面（带有CSS），而没有所有大块的评论和内容，那就更容易了。只有简单的HTML和CSS。

关于额外的图像空间，默认情况下，图像将自己放在行的文本基线上，而不是行的底部

---

如果图像在其表格单元格中单独存在，可以通过应用

display:block给他们。
这确实是几个独立的问题，所以如果你真的提出几个独立的堆栈溢出问题，你就更有可能得到答案。@Paul D.Waite:现在我想起来了，你可能是对的。从现在起，我将确保每个SA问题只提交一个问题。谢谢您的澄清。没问题，在您解决问题之前，很难将问题分开。除此之外，这是一个很好的问题。欢迎来到堆栈溢出！是的，我已经读过了，我认为这可能解决了我问题的一半，另一半可能会通过使用CSS全局重置默认浏览器
边距
，
填充
和
边框
，然后分别将它们分配给类供相关表单元格使用来解决。另外，我认为您和Jazza的上述见解可能会帮助我实现预期的结果。谢谢！关于大块的评论：你完全正确，我应该在提交代码之前删除它们。好的，为了修正这个错误，我删除了几乎所有的大评论块。我认为代码现在应该更具可读性。
background
属性似乎很有前途。我必须研究它们，但它们有很大的潜力。谢谢你指出它们。我知道border标签的速记版本，但我不知道如何具体实现它。这也涉及到要做的事情。非常感谢您提供的有用提示。编辑：如果您有任何进一步的具体建议，我将不胜感激