对齐链接的问题

Question

嗨，我正在制作这个网站，但我不知道为什么这些图片没有正确对齐。菜单的链接和关于我想要对联系和事件做同样的事情但是直到我弄清楚问题。

这个网站是给朋友的，我想尽力做到最好。请帮忙 。谢谢:)）

我找到了一个从某个网站做悬停事情的教程，但无法弄清楚问题。

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; }

它应该非常简单，但是你要把它变得如此复杂;）