0

素敵な CSS メニュー バーを作ろうとしています。問題は、各ボタンが独自の要素にあるかどうかに関係ありません。

  • 要素、どちらの方法でも、常にこの面白いステップを実行します。

    www.adversign.co.za/steps.jpg にアクセスすると、

    float:left; を試しました。clear:both; で試してみました。display:inline-block; で試してみました。同様に、display:block; しかし、私がしていることは、divの上部を同じ高さに揃えるようには見えません。

    誰か助けてください。私のコードは次のようなものです:

    <div id="list">
<li><a href="index.html">&nbsp;</a></li>
<li><a href="about.html">&nbsp;</a></li>
</div>

    およびCSS:

    #list a { 
float:left; 
display: inline; 
list-style:none; 
background:url(images/home1.png) no-repeat; 
background-position:top left; 
width:104px; 
height:109px; 
font-size:1px; 
color:#000; 
text-decoration:none; 
margin-left:0px;
} 
#list a:hover{ 
background:url(images/home2.png) no-repeat; 
text-decoration:none;
    • 4

    5 に答える 5

    2

    display:inline-block; を試してください。

    http://jsfiddle.net/VkHVd/

    于 2012-09-11T12:50:34.017 に答える
    1

    http://css-tricks.com/prevent-menu-stepdown/をご覧ください

    あなたはあなたが試したdisplay: inline-block;と言い、display: block;

    だがしかしdisplay: inline;

    于 2012-09-11T12:53:59.503 に答える
    1

    HTMLが間違っています。あなたが持っている

    <div id="list">
<li><a href="index.html">&nbsp;</a></li>
<li><a href="about.html">&nbsp;</a></li>
</div>

    それ以外の

    <ul id="list">
<li><a href="index.html">&nbsp;</a></li>
<li><a href="about.html">&nbsp;</a></li>
</ul>

    ところで：float：leftはとにかくブロックするので、display：inlineを削除できます。

    これがあなたのバージョンのjsfiddleです：あなたのバージョン
    そしてここにdivの代わりにulのjsfiddleがあります：正しいバージョン

    于 2012-09-11T13:49:44.463 に答える
    1

    li要素にfloat：leftを指定してulを使用できます

    http://jsfiddle.net/pB7rt/2/

    于 2012-09-11T13:06:03.527 に答える
    0

    私は自分でそれを行う最善の方法を見つけましたが、このフォーラムでこの質問をしたことを完全に忘れていました.

    <ul id="list">
<li><a href="index.html">&nbsp;</a></li>
<li><a href="about.html">&nbsp;</a></li>
</ul>

    私がHTMLを持っていた方法です。質問に間違って入力しただけです。

    私は今、このようにCSSを行うことを知っています

    ul#list li {
   float:left;
...etc.
}

    次に、ボタンのスタイルを設定します

    ul#list li a {
display:block;
...etc
}

    liにカーソルを合わせて：

    ul#list li:hover a {
}
    于 2014-11-07T23:37:06.103 に答える