2017-11-15 3 views
0

申し訳ありませんが、これはばかげた質問です。これは私がこれまでに試みた最初のコーディングプロジェクトです。HTML Webページのすべてのテキストが、ページ内の特定の要素IDを指すリンクになっています。直し方?

ページの上部にいくつかのリンクを置いて、ページ上の特定の要素/セクションまでスクロールダウンしようとしましたが、そのとき、ページ全体の90%がページ上の特定の1つのセクション(「Favorite Memories」セクション)を指すリンク。私は、ページ全体が「リンク」であると言いますと、マウスポインタがページ上のどこにでもポインタ指であり、すべてが同じセクションを指していることを意味します(ページ上のどこでもクリックすることができます私のビデオでは、 "Favorite Memories"セクションにジャンプします)。私はなぜこれが起こったのか、それを変更してページ全体が「リンク」として働かないようにすることはできません。

アドバイスをいただければ幸いです。万一

<li><a href="#video" class="nav-link">Birthday Video</li> 
<li><a href="#reasons" class="nav-link">50 Things I Love About You</li> 
<li><a href="#memories" class="nav-link">Favorite Memories</li> 

:あなたはあなたのリンクタグを閉じていない

<html> 

<head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i" rel="stylesheet"> 
</head> 

<body> 
    <div class="intro-container"> 
     <ul> 
      <li><a href="#video" class="nav-link">Birthday Video</li> 
      <li><a href="#reasons" class="nav-link">50 Things I Love About You</li> 
      <li><a href="#memories" class="nav-link">Favorite Memories</li> 
     </ul> 
     <div class="intro-div"> 
      <h1>Te amo.</h1> 
      <hr class="style15"> 
      <p class="tagline"> 
      </p> 
     </div> 
    </div> 


    <div class="video-div"> 
     <h2 class="video_title" id="video">Feliz Cumplea&ntilde;os, Hermosa M&iacute;a!</h2> 
     <video width="500" height="400" controls> 
      <source src="video.mp4" type="video/mp4"> 
      Your browser does not support the video tag. 
     </video> 
    </div> 


    <div class="reasons-div"> 
     <h2 class="reasons-title" id="reasons">50 Things I Love About You</h2> 
     <p class="reasons-text"> 
     </p> 
    </div> 


    <div class="memories-div"> 
     <h2 class="memories-title" id="memories">My Top 10 Favorite Memories Together</h2> 

     <div class="box-text"> 
      <p class="memories-text"> 
      </p>  
     </div> 

     <div class="box-pics"> 
     </div> 
     <br class="clear" /> 
    </div> 


    <div class="end_div"> 
     <p class="end_text"> 
     </p> 
     <hr class="style15"> 
    </div> 
</body> 
</html> 

答えて

1

:ここ

コード(それはそう長くならないように、私は実際のテキストのすべてを消去)でありますbe:

<li><a href="#video" class="nav-link">Birthday Video</a></li> 
<li><a href="#reasons" class="nav-link">50 Things I Love About You</a></li> 
<li><a href="#memories" class="nav-link">Favorite Memories</a></li> 
+0

わかりました。私は過去1時間それを見つめていて、気付かなかった。本当にありがとう! –

+0

私たち全員に時々起こります...:p喜んで私は助けることができました! –

関連する問題