對齊鏈接的問題

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

它應該是非常非常簡單，但你讓它變得如此複雜;）