2017-04-12 73 views
0

Weird white bar at the top of my page, please help!白條在我的頁面的頂部

我不能完全肯定,如果在左邊這個白條的「>」符號在我的CSS,或者如果它與我的背景照片做做我的頭頂部邊緣。請讓我知道你們的想法。

#header { 
 
\t background:url('../img/stars-bg.jpg') center center no-repeat; 
 
\t background-size:cover; 
 
\t height:100%; 
 
\t color:#fff; 
 
\t display:flex; 
 
\t align-items:center; 
 
}
<section id="header"> \t 
 
    \t \t <div class="container"> 
 
    \t \t <div class="row"> 
 
    \t \t \t <div class="col-md-6 wow fadeIn" data-wow-delay=".8s" data-wow-duration="2s"> 
 
    \t \t \t \t <img src="img/logo.png" class="img-fluid" alt="logo"/> 
 
    \t \t \t \t <h2>THINGS WORK BETTER IN SPACE</h2> 
 
    \t \t \t \t <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elitproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
 
    \t \t \t \t <p class="hidden-sm-down">proident, sunt in culpa qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborumproident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> 
 
    \t \t \t </div> 
 

 
    \t \t \t <div class="col-md-6 header-right hidden-sm-down wow fadeIn" data-wow-delay="1.3s" data-wow-duration="2s"> 
 
    \t \t \t \t <p>qui officia d 
 
    \t \t \t \t eserunt mollit anim id est laborum. qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> 
 
    \t \t \t \t <form> 
 
    \t \t \t \t \t <fieldset class="form-group"> 
 
    \t \t \t \t \t \t <label class="sr-only">Name</label> 
 
    \t \t \t \t \t \t <input type="text" class="form-control" name="#" placeholder="Your name..."> 
 
    \t \t \t \t \t </fieldset> 
 
    \t \t \t \t \t  <fieldset class="form-group"> 
 
    \t \t \t \t \t \t <label class="sr-only">Email</label> 
 
    \t \t \t \t \t \t <input type="text" class="form-control" name="#" placeholder="Your email..."> 
 
    \t \t \t \t \t </fieldset> 
 
    \t \t \t \t \t <button type="submit" class="btn btn-outline-info btn-block">sign up</button> 
 
    \t \t \t \t </form> 
 
    \t \t \t </div> 
 

 
    \t \t </div> 
 

 
    \t \t <div class="row wow swing" data-wow-delay="2s"> 
 
    \t \t \t 
 
    \t \t <div class="col-md-12 text-xs-center"> 
 
    \t \t \t <a href="#social"><i class="fa fa-chevron-down fa-3x" aria-hidden="true"></i></a> 
 
    \t \t </div> 
 

 
    \t \t </div> 
 
    \t \t </div> 
 
    \t  </section>

+0

鑑於它是一個>,我會猜測你有一個格式不正確的標籤。你是否已經通過HTML驗證程序來運行它? – Carcigenicate

+0

這很可能是代碼中某處的'>'符號,你介意發佈所有的html嗎? – scarsam

+0

是的,我認爲它必須是我的代碼中的一個閉括號,問題是由於某種原因它沒有出現在驗證器中,我認爲它在本體的標題部分。閱讀你的迴應後,我發現了一個鏈接標籤,在它的最後有兩個「>>」。非常感謝你們! –

回答

0

你可能在你的代碼中的問題與打開/關閉標籤。我沒有看到你發佈的問題,所以我假設你沒有發佈。在將來,你可以驗證你的代碼here

+1

儘管這也是我的懷疑,但在OP給出更多信息之前,這個答案應該是真正的評論。 – Carcigenicate

+0

是的,我認爲它必須是我的代碼中的一個左括號,問題在於它沒有出現在驗證器中,出於某種原因,我認爲它是在本體的標題部分的某處。閱讀你的迴應後,我發現了一個鏈接標籤,在它的最後有兩個「>>」。非常感謝你們! –

+0

@CiprianMicula @CiprianMicula如果這個答案對你有幫助,請將它標記爲正確答案:) –