我对网站定位有疑问。正如您在下面的 IMG 中看到的,出于某种奇怪的原因,我的两张图片之间存在间隙:http://puu.sh/6SWgu.png
我正试图消除这个差距,但我不明白为什么。
编辑 (我不知道谁删除了某人留下的其他评论,但我尝试了一点配置并成功了。)
(问题是,当我继续在我的网站上编码时,这个新代码是否会损害任何进程?)
这是新内容:
HTML:
<body>
<div id="page-wrap">
<div id="header">
<img src="images/header.png" />
</div>
<img src="images/navbar.png" />
<ul id="nav">
<li><a href="http://www.voyage-us.com">Home</a></li>
<li><a href="http://www.voyage-us.com/xenforo/upload/index.php">Forums</a></li>
<li><a href="http://www.google.com">Members</a></li>
<li><a href="http://www.google.com">Streams</a></li>
<li><a href="http://www.google.com">Contact Us</a></li>
</ul>
<div vertical-align: top; ><img src="images/mainbody.png" /></div>
<div id="footer">
<p>©2014 Rythmn Designs<p>
</div>
CSS:
body
{
margin: 0px;
padding: 0px;
background: url("http://puu.sh/6RlKi.png")
}
#page-wrap
{
width: 1019px;
margin: 0 auto;
}
#header
{
width:100%;
text-align: center;
display: block;
}
#nav
{
height: 0.1px;
list-style: none;
padding-left: 0.1px;
text-align: center;
padding-bottom: 0px;
margin: -14px;
}
#nav li a
{
position:relative;
top: -12px;
display: block;
width: 100px;
float: left;
color: white;
font-size: 14.09px;
text-decoration: none;
font-family:"BankGothic Md BT"
}
#nav li a:hover, #nav li a:active
{
color: red;
}
#footer
{
background: #181818;
color: white;
padding: 20px 0 20px 0;
text-transform: uppercase;
border-top: 15px solid #828080;
text-align: center;
font-family:"BankGothic Md BT";
font-size: 12px;
}
最佳答案
为此,如果您的 0 边距或填充不起作用,您可以将导航底部边距设置为负数或将主体图像底部边距设置为负数
关于html - 无法消除图像之间的差距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21718971/