gpt4 book ai didi

html - 如何减少图像和照片幻灯片之间的空间?

转载 作者:行者123 更新时间:2023-11-28 13:01:18 25 4
gpt4 key购买 nike

所以我的网站上有一张图片和一张幻灯片。

图片可以在这里查看:

enter image description here

如您所见,草 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> &nbsp; <a href="about.html" style="color: #000000">About Us</a> &nbsp; <a href="services.html" style="color: #000000">Services</a> &nbsp; <a href="customers.html" style="color: #000000">Customers</a> &nbsp; <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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com