2016-07-17 8 views
-1

私のウェブサイト用のナビゲータメニューを作っていましたが、問題があるナビゲータメニューの行の高さと高さを正しく設定しようとしましたが、profilebar要素が低すぎます段落はbalanceでした。CSS:パディングが要素を完全に上にさせない

ナビゲーターのメニュースタイル:

.menu { 
    background-color: rgba(26, 26, 26, 0.9); 
    width: 100%; 
    height: 3.7em; 
    line-height: 3.7em; 
    border-style: solid; 
    border-color: rgba(26, 26, 26, 0.9); 
    z-index: 1; 
    max-width: 102.5%; 
    min-width: 1000px; 
} 

Fiddle Fullscreen(画像はサンプルですので、それはメニューよりも大きいということは問題ではありません、私は元々使用した画像は、蒸気APIから32×32の画像です。)。

Fiddle Code

何が問題なのですか?それは私が適切に設定する必要がありますか?または私が間違っている他のものがあります。

答えて

0

プロファイル画像のサイズを変更してください:.profilepicture の高さを設定し、.balanceのマージンとパディングを設定してください。 マージン:0; パディング:0;私はプロフィールの写真はただのサンプルだったと述べたポスト内のすべての

+0

ある

は、それは相対位置で.balance' '、もともとAPIから32×32の方法より少しである、と。 – ShellRox

+0

問題はp(段落要素)です。ブートストラップではマージンとパディングがあります。それのためにそれは下がる。 イメージを32x32pxに変更し、前述のようにマージンとパディングを追加するだけです。すべてがOKです –

+0

.profilebar ** line-height:1; ** のチェックでhttps://jsfiddle.net/mrycuncp/3/の行の高さを変更しないでください。 –

関連する問題