Question

我目前正在一个网站上工作，在网站的顶部，我希望有一个徽标。但是，徽标与网站其他部分之间似乎存在巨大的空白空间。

HTML：

<body><br><br>
<div class="html_logo">
    <div id="slider"><div class="slide"><center><img src="images/Logo fashion nails studio.png"></center></div></div></div>

<header>        <!-- Header Title Start -->
    <center><h1>Welkom op de website van <span>Fashion Nails Studio</span>!</h1></center>

CSS：

.html_carousel {
}
.html_carousel div.slide {

}   
.html_carousel div.slide img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 1px 1px #c1c1c1;
        -moz-box-shadow: 0 1px 1px #c1c1c1;
        box-shadow: 0 1px 1px #c1c1c1;
    border-radius:15px;
}

.clearfix {
    float: none;
    clear: both;
}

.html_logo div.slide img {
    width: 50%;
    height: auto;
}

你能帮我解决一下这个问题吗？提前谢谢！

编辑：似乎每个人都认为图像下面的空白区域只是几个像素，然而它却是巨大的巨大，就像20条空行左右一样

编辑编辑：它似乎是一个javascript问题，因为当我暂时禁用图像上的javascript时没有空白区域，但我该如何永久修复它？

Answer 1

尝试这个＆gt;＆gt;＆gt;＆gt;

<body><!--<br><br>-->
<div class="html_logo">
<div id="slider"><div class="slide"><center><img src="images/Logo fashion nails studio.png"></center></div></div></div>

<header>        <!-- Header Title Start -->
<center><h1 style="margin:0px;">Welkom op de website van <span>Fashion Nails Studio</span>! </h1></center>

如果这不起作用并且需要更多帮助，请回复.H1元素默认提供额外的空格

在div下的巨大的空的空间与图象

1 个答案: