所以我的网站上有一张图片和一张幻灯片。
图片可以在这里查看:
如您所见，草 Logo 和幻灯片之间有一个空格。无论如何摆脱那个空间？ (空间在两个对象之间有一个黄色箭头)
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
</head>
<title>Webcleats, LLC - Traction on the Web</title>
<body bgcolor="#FFFFFF">
<center><h2><a href="index.html" style="color: #000000">Home</a> <a href="about.html" style="color: #000000">About Us</a> <a href="services.html" style="color: #000000">Services</a> <a href="customers.html" style="color: #000000">Customers</a> <a href="contact.html" style="color: #000000">Contact Us</a></a></center></h2>
<h1> <center><a href="index.html" target="_blank"> <img src="webcleats_logo.tiff" /></a></center> </h1>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body style="background-color:#d7d7d7">
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/newest.001.jpg" alt="newest.001" title="" id="wows1_0"/></li>
<li><img src="data1/images/district_lines.002.jpg" alt="district_lines.002" title="" id="wows1_1"/></li>
<li><img src="data1/images/see_me.jpg" alt="see_me" title="" id="wows1_2"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="newest.001"><img src="data1/tooltips/newest.001.jpg" alt="newest.001"/>1</a>
<a href="#" title="district_lines.002"><img src="data1/tooltips/district_lines.002.jpg" alt="district_lines.002"/>2</a>
<a href="#" title="Hang out with me!"><img src="data1/tooltips/see_me.jpg" alt="see_me"/>3</a>
</div></div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
</body>
</html>
还有 CSS(目前没有太多内容，我是 CSS 的新手)
h1 {
margin:5spx;
}
#title span {
font-size: 4em;
color: #c13636;
line-height: 0.9em
}
#sidebar .links a:hover {
color:"white";
}
#webcleats {
margin: 5px 0;
}
最佳答案
这应该可以解决您的问题，尽管很难从您的代码中判断问题是否出在 <H1> 上。或 <UL> .尝试其中一个来确定违规者。
h1,
h1 img {
margin-bottom: 0;
}
#wowslider-container1 ul,
#wowslider-container1 ul li {
margin-top: 0;
padding-top: 0;
}
关于html - 如何减少图像和照片幻灯片之间的空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16137628/