Question

我这是一个完全的菜鸟...我做了整个代码学院的课程，似乎无法在任何地方找到我的问题的答案。基本上我的网站是集中的，从上到下都是如此;

标志导航栏 {巨大的随机空间）图片版权说明

这个空间我试图摆脱，以便我的徽标和导航栏之间的空间与导航栏和图片之间的空间相匹配......

这是我的HTML;

<!DOCTYPE html>
<html>
<head>
<title>Access All Areas - Fashion</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div style="min-width: 960px; min-height: 760px; margin: 0 auto;">
<!-- AAA Logo -->
<div class="image">
    <center>
    <img src="a1.jpg" alt="Access All Areas Logo" width="750px"           
height="320px">
    </center>
</div>
<!--Navigation Bar-->
<div class="nav">
    <center>
    <ul>
    <li class="main"><a href="main.html">HOME</a></li>
    <li class="live"><a href="live.html">LIVE</a></li>
    <li class="studio"><a href="studio.html">STUDIO</a></li>
    <strong><li class="fashion"><a href="fashion.html">FASHION</a></li> 
</strong>
    <li class="weddings"><a href="weddings.html">WEDDINGS</a></li>
    <li class="portraits"><a href="portraits.html">PORTRAITS</a></li>
    <li class="about"><a href="about.html">ABOUT</a>
    <a href="contact.html">CONTACT</a></li>
    </ul>
    </center>
</div><!--Nav-->
</div><!--Style-->
<!--COVER IMAGE-->
<center>
<div class="cover">
<img src="images/fashion.jpg" alt="Access All Areas Fashion Image"   
width="1400px" height="2300px">
</center>
</div><!--Cover-->
<!--Copyright-->
<center>
<div id="copyright">
<p><strong>ALL RIGHTS RESERVED ACCESS ALL AREAS PHOTOGRAPHY</p></strong>
</div><!--Copyright-->
</center>
</body>
</html>

和我的CSS;

li {
display:inline;
}

.nav a {
font-family:arial;
font-size:18px;
color: black;
padding:0px 75px 0px 25px;
}

a {
text-decoration:none;
}

.cover {
margin-top:0px;
}

.main {
text-weight:strong;
}

p {
font-family:arial;
font-size:18px;
font-weight:bold;
}

我真的希望有人可以帮助我。我要做的另一件事是将版权文本重新定位到图像的左下角，并制作不同尺寸图像的网格，并且不知道从哪里开始。

非常感谢

彼得詹姆斯

Answer 1

如果你给我们提供了一个jsfiddle，那么解决你的问题会很棒很容易。但无论如何，我认为min-height导致问题。因为你强迫标题是670px高。请参阅此处http://jsfiddle.net/0v4fsg6z/我已缩小高度以删除图片版权说明之前的空格。

Answer 2

您是否尝试将img代码设为position: absolute？ fixed unfixed

我有这个空间＆＃39;在我的导航栏下面

2 个答案: