html - 链接对齐问题

Question

你好，我正在制作这个网站，但我不知道为什么这些图像没有正确对齐。菜单和关于的链接我想对联系人和事件做同样的事情，但在我弄清楚问题之前不能。

这个网站是为 friend 而建的，我希望它能做到最好。请帮忙 。谢谢:)

我从一些网站上找到了一个教程来做悬停的事情，但无法找出问题所在。

http://themuv.com/tester123/bombay3/index.php

我猜这与定位有关，但到底是什么问题？

Answer 1

我检查了你的代码，它非常奇怪。这两个链接不会内联对齐的主要原因是因为您将 display: block 设置为该元素。我想您使用此 css 属性是为了使其与您指定的宽度和高度相匹配。我看到您只为这两个(实际上)文本链接使用了 CSS 背景图像。

这是我的建议:

1. 使用简单的文本代替背景图片。
2. 完全删除它不必要的元素作为这两个链接的父元素(它不是无论如何在语义上都是正确的)

这是代码

<a href="#">Menu</a> | <a href="#">About</a>

这样设置css

a{ color: #fff; } a:hover{color: #000; }

它应该非常非常简单，但是你把它搞得这么复杂，老兄;)