0

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

图片可以在这里查看：

在此处输入图像描述

如您所见，草徽标和幻灯片之间有一个空格。有没有办法摆脱那个空间？（空间在两个对象之间有一个黄色箭头）

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;
}
4

2 回答 2

0

这应该可以解决您的问题，尽管很难从您的代码中判断问题<H1>是<UL>. 尝试其中一种来确定罪犯。

h1,
h1 img {
    margin-bottom: 0;
}

#wowslider-container1 ul,
#wowslider-container1 ul li {
    margin-top: 0;
    padding-top: 0;
}
于 2013-04-22T00:36:51.037 回答
0

简单的，

将此添加到您的标题图像 css ：

margin-bottom:0px;

并为您的哇滑块 div 添加 css，使其看起来像这样：

#wowslider-container1 {

    width[enter your width];
    height:[enter your height];
    margin-top:0px;
    padding-top:0px;
}

并将 [输入您的宽度/高度] 替换为您希望它们成为的任何值。

于 2013-04-22T02:41:46.520 回答