-2

私はプロジェクトに取り組んでいますhttp://www.node.au.com/ 私が直面している問題は、アンカータグがあるロゴ画像があることですが、ロゴにカーソルを合わせると、左側の領域ですが、画像全体ではありません。解決策をたくさん検索しましたが、誰も解決策を送ってくれません。

画像の左側にマウスを置いて、問題を事前に確認してください。

コードは次のとおりです。

<a  href="<?php echo get_option('home'); ?>"><img style="margin-left:-17px;margin-top:20px;"src="http://www.node.au.com/wp-content/themes/folio-two/images/main-logo.png" alt="NODE &ndash; 3D Visualisation"></a>
4

2 に答える 2

0

2 つのこと: 1.「display:block;」を追加します。これにより、タグ内の画像と同じ大きさにすることができます。2. (メニュー) がそれを覆い、クリックできなくなります。margin-top: -130px を削除すると、問題なくクリックできるようになります。

ただし、その UL の上部にすべてのスペースがある理由はわかりません。いずれにせよ、UL は必要ないように見えます。その中には li 要素が 1 つしかないため、div を使用できます。

-ジュリアン

于 2013-02-08T19:07:53.693 に答える
0 
use this class on logo image


.logo {
    cursor: pointer;
    display: block;
    margin-left: -17px;
    margin-top: 20px;
}
于 2013-02-08T19:14:59.310 に答える