我想我有一个CSS/JavaScript问题？

我有两个问题。。。我尝试过修改我的CSS文件、JavaScript文件和其他各种东西。谷歌搜索无法解决这些问题，所以我来到了一个很棒的答案网站

本页-> Chrome和Safari中存在一些问题。只有当我的CSS生效时，应该并排的图片才不会，但是当CSS关闭时，它们会并排。这个问题在FF/IE9中并不明显。我想这和160英镑有关；但我不完全确定。编辑：感谢您的修复Genzer

同样在那个页面上，即使我所有的CSS/JavaScript都没有链接，我的链接图片底部和虚线链接边框之间也有一个小间隙。。。我想消除这个差距。是什么造成了这种差距？这在所有浏览器中都会发生

提前谢谢

编辑：以下是CSS：

---

编辑：修复了并排图像链接问题，现在试图找出导致IE9中不存在自定义a:focus边框显示变化的原因，将图像链接部分封装在Webkit浏览器中，并将其与除IE9以外的所有浏览器的图像链接底部之间的间隙封装起来。

问题在于您将所有列的信息封装在一个范围内：

IE9和FF发现您希望它显示为块元素，但Webkit Chrome和Safari不希望。设置显示：块上的注册类，你应该设置。我认为这也解决了虚线边界的问题，但我不太清楚你的意思

要使橙色边框显示在IE9中，请确保在style.css中的a.piclink:hover css类中将outline style设置为solid或double。一旦我这么做了，边界就出现了

---

我仍然不能完全确定为什么你的链接和嵌套图像的行为像他们一样，但我发现一个小的调整调整=几乎是一个黑客让它工作：设置显示：内联块；在.piclink上，并在其上设置固定高度。请注意，内联块钉在4px上，因此高度应比图像的高度高4px；在你的情况下：47px。这是一个有点黑客，但它是有效的，它的工作。不幸的是IE7不喜欢这样，但是zoom:1*显示：内联；让它工作起来

问题是您正在将列的所有信息包装在一个范围内：

IE9和FF发现您希望它显示为块元素，但Webkit Chrome和Safari不希望。设置显示：块上的注册类，你应该设置。我认为这也解决了虚线边界的问题，但我不太清楚你的意思

要使橙色边框显示在IE9中，请确保在style.css中的a.piclink:hover css类中将outline style设置为solid或double。一旦我这么做了，边界就出现了

---

我仍然不能完全确定为什么你的链接和嵌套图像的行为像他们一样，但我发现一个小的调整调整=几乎是一个黑客让它工作：设置显示：内联块；在.piclink上，并在其上设置固定高度。请注意，内联块钉在4px上，因此高度应比图像的高度高4px；在你的情况下：47px。这是一个有点黑客，但它是有效的，它的工作。不幸的是IE7不喜欢这样，但是zoom:1*显示：内联；让它工作起来

在您的样式中添加以下CSS代码将使Chrome显示您的测试页面与IE8相同

span.reg a {
    display: inline;
}

---

在样式中添加以下CSS代码将使Chrome显示与IE8相同的测试页面

span.reg a {
    display: inline;
}

---

@Aaron Chauvin这很奇怪，它在Chrome中对我有用。。。我再看一下。请原谅我的含糊不清，我指的是a：焦点边界。。。它和我的图片链接的底部之间有一个缺口。@Thomas Shields Oh eff，我只是在看如何将soultion置于引号中可以被视为一个聪明的alek评论。。。很抱歉，如果你这么认为的话，我完全不想表现得像一个聪明的alek；在返回到本页之前，尽管如此，还是要感谢您。我整理了所有的小错误，包括我的img链接下面的漏洞。我甚至能够完全删除鼠标用户的内置焦点边框。在任何事件、状态或您拥有的任何内容上都没有边框，单击、悬停、活动、聚焦，甚至单击链接并返回页面。由于某种原因，某些实现在执行此操作后会离开边框。这需要一些巧妙的css工作，但别担心，我添加了自定义的焦点边框，它与我的网站主题相匹配，适合超级用户。你首先在这里听到了=P如果有人对完全删除鼠标用户的所有焦点边框感兴趣，同时仍然为超级用户提供这些边框，请给我写信。。。它适用于当前所有主流浏览器。。。去我的网站链接上面，给我发一封电子邮件@Aaron Chauvin这很奇怪，它在Chrome中对我有用。。。我再看一下。请原谅我的含糊不清，我指的是a：焦点边界。。。在它和我的图片链接的底部之间有一个间隙。@Thomas Shields噢，eff，我是

---

只是看看如何把soultion的报价可以被视为一个聪明的阿莱克评论。。。很抱歉，如果你这么认为的话，我完全不想表现得像一个聪明的alek；在返回到本页之前，尽管如此，还是要感谢您。我整理了所有的小错误，包括我的img链接下面的漏洞。我甚至能够完全删除鼠标用户的内置焦点边框。在任何事件、状态或您拥有的任何内容上都没有边框，单击、悬停、活动、聚焦，甚至单击链接并返回页面。由于某种原因，某些实现在执行此操作后会离开边框。这需要一些巧妙的css工作，但别担心，我添加了自定义的焦点边框，它与我的网站主题相匹配，适合超级用户。你首先在这里听到了=P如果有人对完全删除鼠标用户的所有焦点边框感兴趣，同时仍然为超级用户提供这些边框，请给我写信。。。它适用于当前所有主流浏览器。。。去我的网站链接上面，给我发一封电子邮件！酷，谢谢！这无疑修复了chrome中图像链接的显示。你知道为什么a:focus虚线边框和我的图片链接底部之间会有间隙吗？在我的例子中，是实心橙色边框，因为我用CSS修改了它？另外，为什么a:focus边框只包围了Chrome中图像链接的一部分？部分a:focus边框在FF4中没有出现，IE9根本不显示自定义橙色边框！给出了什么？更正，只有当我的CSS文件style.CSS未链接时，它才能修复问题。。。怎么回事？嗯，我真是个笨蛋。。。我有显示：表格单元格；在我的一个部门id里！现在，图像链接正在内联显示，就像我想要的那样。要是我能弄清楚这些自定义的a是怎么回事就好了：焦点边框在IE9中根本不显示，在Webkit浏览器中部分地封装了图像链接；除了IE9之外，所有浏览器的a:focus边框和页面底部之间仍然存在差距image@Aaron我甚至在Chrome上都看不到边框。终于回到电脑前，我正在看一看。很酷，谢谢！这无疑修复了chrome中图像链接的显示。你知道为什么a:focus虚线边框和我的图片链接底部之间会有间隙吗？在我的例子中，是实心橙色边框，因为我用CSS修改了它？另外，为什么a:focus边框只包围了Chrome中图像链接的一部分？部分a:focus边框在FF4中没有出现，IE9根本不显示自定义橙色边框！给出了什么？更正，只有当我的CSS文件style.CSS未链接时，它才能修复问题。。。怎么回事？嗯，我真是个笨蛋。。。我有显示：表格单元格；在我的一个部门id里！现在，图像链接正在内联显示，就像我想要的那样。要是我能弄清楚这些自定义的a是怎么回事就好了：焦点边框在IE9中根本不显示，在Webkit浏览器中部分地封装了图像链接；除了IE9之外，所有浏览器的a:focus边框和页面底部之间仍然存在差距image@Aaron我甚至在Chrome上都看不到边框。终于回到电脑前，我正在看一看。