2017-04-12 9 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

はい、私はコードのどこかに閉じ括弧でなければならないと思っていました。問題は何らかの理由でバリデーターに表示されず、本文のヘッダーセクションのどこかにあると思っていました。あなたの反応を読んだ後、私はそれの終わりに2つの ">>"を持つリンクタグを発見した。みんなありがとう! –

答えて

0

あなたはおそらくオープニング/終了タグを使用して、あなたのコード内の問題を持っています。私はあなたが投稿したものからの問題を見ないので、あなたはそれをすべて投稿していないと仮定します。将来的には、あなたのコードを検証することができますhere

+1

これは私の疑惑でもありましたが、この回答は実際にOPがより多くの情報を提供するまではコメントになるはずです。 – Carcigenicate

+0

はい、私はコードのどこかに閉じ括弧でなければならないと思っていました。問題は何らかの理由でバリデーターに表示されず、本文のヘッダーセクションのどこかにあると思っていました。あなたの反応を読んだ後、私はそれの終わりに2つの ">>"を持つリンクタグを発見した。みんなありがとう! –

+0

@CiprianMiculaこの答えがあなたを助けたら、それを正しい答えとしてマークしてください:) –

関連する問題