2016-04-20 52 views
-1

我開始我的網站,onepage。我在第二部分有問題。我開始與冠軍,但它出現在頁面的,而不是首節過後的頂部..自舉行問題

這裏是HTML:

<div class="container-fluid"> 
    <section class="row first-slide"> 
     <div class="title col-sm-12"> 
      <h1 class="presentation"> 
       <span class="nathan">Nathan Cheval</span> <span class="separator">|</span> <span class="avignon">Avignon & Montpellier</span> 
      </h1> 
      <hr class="position-hr"> 
      <img class="scroll-icon" src="imgs/mouse.png" alt="Go down" width="32" height="32"> 
     </div> 
    </section> 
    <section class="row second-slide"> 
     <div class="title col-sm-12"> 
      <h1>Portfolio</h1> 
     </div> 
    </section> 
</div> 

這裏是我的網站的鏈接:http://nathancheval.fr/dev

在此先感謝您的幫助

回答

2

這是因爲您在第一張幻燈片上有一個位置:絕對位置,並且第二張幻燈片沒有位置。嘗試禁用絕對位置,您會在第一張幻燈片下方看到標題移動。

+0

哦,是的,我很愚蠢..非常感謝 另一個問題,你有一個簡單的方法來垂直居中第一張幻燈片的內容? – Nathan30

+1

您可以嘗試使用它的定位。給你的幻燈片一個絕對的相對位置和一些在div中的項目。否則你可以看看這個。 https://css-tricks.com/vertically-center-multi-lined-text/ –

+0

太好了,非常感謝:) – Nathan30