0
  1. 我希望顶部logodiv 中的元素居中。我不太确定该怎么做。

  2. navigation的 div 与 div 不匹配logo。即使我已将边距设置为 0px,div 之间仍有空间。

  3. 出于某种原因,我的占位符图形底部的填充比logodiv 中的其他任何地方都多。我需要做什么来改变它?

<!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; }. 也删除

在img周围。2)你试过padding:0;吗?3)padding-bottom:-<value here>px;或者你可以试试padding:0;or padding-bottom:0;。我不确定这些问题,因为它们的设置并不好。

于 2013-02-19T04:24:51.963 回答
0

使用位置:绝对;在您的 CSS 中为您的导航和徽标或标签指定您希望它们出现的确切位置。比如这个例子:

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