リンクの整列に関する問題

Question

こんにちは、私はこのウェブサイトを作っていますが、なぜこれらの画像が正しく整列していないのか分かりません。メニューと私はコンタクトとイベントで同じことをしたいのですが、問題を理解するまではできません。

このウェブサイトは友人のためのものであり、できる限り最善を尽くしたいと考えています。助けてください 。ありがとう:)

私はいくつかのウェブサイトからホバーのことを行うためのチュートリアルが見つかりましたが、問題を把握することはできません。

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

は、私はそれがポジショニングとは何かを持っていると思いますが、正確に問題は何ですか？

Answer 1

あなたのコードを調べたところ、それは非常に奇妙です。これら2つのリンクがインラインで整列しない主な理由は、display: blockをこの要素に設定しているためです。私はあなたが指定した幅と高さに一致するようにこのCSS属性を使うと思います。そして、私はあなたがこれら2つの（実際には）テキストリンクのためだけにCSSの背景画像を使用することを見ています。代わりに、背景画像の

1. 使用単純なテキスト：

   は、ここに私の提案です。

2. もの二つのリンクの親と全く 不要な要素を削除（それは右とにかく意味的 ではありません）

ここ

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

この

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

のようにCSSを設定するコードがあります

非常にシンプルなはずですが、あなたはとても複雑になります;