0

  1. logoトップdiv内の要素を中央に配置したい。それを行う方法がよくわかりません。

  2. 私のnavigationdivはdivと一致していませんlogo。マージンを 0px に設定しても、div の間にはまだスペースがあります。

  3. logo何らかの理由で私のプレースホルダー グラフィックは、 div内の他の場所よりも下部に多くのパディングがあります。それを変えるにはどうすればいいですか？

<!DOCTYPE html>
<html>
<head>
    <title>css example</title>

<style type="text/css">

#logo {
    background-color: black;
    width: 100%;
    color: rgb(255,200,0);
    margin: 0px;
}

#logo p {
    display: inline;
}

#logo h2 {
    display: inline;
}

#logo a {
    float: right;
    color: rgb(255, 200, 0);
    text-decoration: none;
    font-size: 1.25em;
    padding: 10px;
}

#navigation {
    background-color: rgb(255,200,0);
    width: 100%;
    margin: 0px;
}

body {
    margin: 0px;
    font-family: Arial, Helvetica, Verdana;
}

</style>    
</head>

<body>    
<div id="logo">
    <p>
        <img src="picture.jpg" >
    </p>        
    <h2>SUBSCRIBER PORTAL</h2>      
    <a href="#">LOG-IN </a>
    <a href="#">CONTACT US </a>     
</div>    
<div id="navigation">
    <p>
        This is just a navigation test.
    </p>
</div>    
<div id="contents">    
    <p>This is just some dummy text. Dummy. </p>        
</div>

</body>
</html>
4

2 に答える 2

1

1) を与えますimg { vertical-align:middle; }。も削除します

イム周り。2）試しましたpadding:0;か？3)または、またはpadding-bottom:-<value here>px;だけを試すことができます。質問がうまく設定されていないため、質問についてはよくわかりません。padding:0;padding-bottom:0;

于 2013-02-19T04:24:51.963 に答える
0

使用位置: 絶対; ナビゲーションとロゴ、またはタグの CSS で、それらを表示する場所を正確に指定します。この例のように:

 #logo {
 position:absolute;
 top: 170px;
 left: 300px;
}
于 2013-03-22T06:06:22.920 に答える