巨大的空格下div與圖像

我目前正在一個網站上，並在網站的頂部，我想有標誌。但是，徽標和網站其他部分之間似乎存在巨大的空白空間。巨大的空格下div與圖像

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時沒有空白空間，但是我該如何解決這個問題呢？

來源

2014-04-08 Bobray

@IPADDRESS解釋一下嗎？記住，你可以看到他們仍在使用'

'。 – Ruddy

你也應該確保你正確地關閉你的圖片標籤，它應該是 – pconnor88

這是因爲'h1'標籤在dafult之前和之後都有一些巨大的空間。你需要做的是爲'h1'定義一個類似'h1 {margin-top：0px;}'的樣式，當然，因爲這會影響網站中所有'h1'，你可能想按照課程來做。 –

試試這個>>>>

<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元素提供默認的額外空白

來源

2014-04-08 12:47:32

這沒有害怕。但我不是在談論一個只有幾個像素的空間。我在談論一個巨大的空間 – Bobray

它似乎是與JavaScript的問題，因爲如果我禁用它的形象空間距離消失。你知道如何解決它，因爲禁用的東西只是暫時的 – Bobray

@Bobray是的我知道如何使用JavaScript，如果你上傳腳本，我可以看看它。謝謝 –

巨大的空格下div與圖像

回答

相關問題