0

作成しているWebサイトのナビゲーションバーの一部としていくつか<li>のアイテムがありますが、アイテムの直前に発生する間隔に完全に困惑しています。

マージンとパディングは両方とも0であり、list-style-typeはnoneに設定されています。何か案は？

ウェブサイトのリンクを忘れてしまいました！ここ。 ここに画像の説明を入力してください

要求に応じた追加の詳細：

  • アイテムのテキスト<li>は実際のテキストであり、画像ではありません。
  • アイテムのテキストが<li>整列されていません（余分な
    「中央」が削除されています）。

関連するCSS：

/*****************

NAVIGATION STYLING

*****************/
#navigation{
    position: absolute;
    top: 0;
    z-index:10;
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto;
}
    #navigation a:link, a:visited{
        text-decoration: none;
        color: white;
        font-size:4.16em;
        margin: 0.5em;
        line-height: 1.5em;
        text-transform: uppercase;
        float: left;
        width:100%;
    }
    #navigation #me{

    }
    #navigation a.im:link, a.im:visited{
    line-height: 0em;
    }
    #navigation a.holly:link, a.holly:visited{
    line-height: 0em;
    }
    #navigation a.games_programmer:link, a.games_programmer:visited{
    line-height: 0em;
    }
    #navigation ul{
        height: 50px;
        text-decoration: none;
        background:#1d6482;
        margin: 0;
        padding: 0;
    }
    #navigation li{
        display: inline-block;
        list-style-type: none;
    }
4

1 に答える 1

3

どのリンクにもあるはずのナビゲーションにありますmargin: 0.5em。それはスペースのサイズについてのように見えます。スクリーンショットを見ると、Chrome で開いていることがわかります。その要素に適用されているすべてのスタイルを表示し、それぞれのチェックボックスを使用して、適用されているスタイルを削除または変更して原因を見つけることができるはずです。

于 2012-11-02T16:51:15.053 に答える