頁眉和段落文本導致頁面被點擊

我正在爲我的部門創建一個小型站點。我的第一頁稱爲「主頁」頁面，它位於名爲index.html的文件內。在我的body標記中，我有一個標題標記，歡迎用戶訪問該網站，並使用段落標記說明此特定網站的用途。這是HTML代碼，我從標題踏歌到最後nav菜單，我有：頁眉和段落文本導致頁面被點擊

<title>Welcome | Finance Department</title> 
    <link rel="stylesheet" href="./css/style.css"> 
    </head> 
    <body> 
    <header> 
     <div class="container"> 

     <div id="branding"> 
     <h1><span class="highlight">Finance and Accounting Portal</span></h1> 
     </div> 
     <nav> 
     <ul> 
      <li class="current"><a href="index.html">Home</li> 
      <li><a href="accountspayable.html">Accounts Payable</li> 
      <li><a href="purchasing.html">Purchasing</li> 
      <li><a href="payroll.html">Payroll</li> 
      <li><a href="documents.html">Documents</li> 
      <li><a href="faqs.html">FAQs</li> 
     </ul> 
     </nav> 
     </div> 
    </header> 

    <section id="showcase"> 
<div class="container"> 
    <h1>Welcome to the Finance Department Homepage</h1> 
    <p>This is an inter-organizational site where employees can find popular documents pertaining to financials.</p> 
</div> 
    <img src="./img/hello.jpg"> 
    </section> 

<nav> 
    <ul> 
     <li class="current"><a href="index.html">Home</li> 
     <li><a href="accountspayable.html">Accounts Payable</li> 
     <li><a href="purchasing.html">Purchasing</li> 
     <li><a href="payroll.html">Payroll</li> 
     <li><a href="documents.html">Documents</li> 
     <li><a href="faqs.html">FAQs</li> 
    </ul> 
</nav>

以此爲現在的歡迎..頭和這是一個組織間...段落標籤是可點擊的，當我點擊它們時，它會將我帶到FAQ頁面。我只想將標題和段落設爲純文本，而不是可點擊的鏈接。

當我檢查所導致我的瀏覽器問題的標題和段落標記，我有我的section id="showcase">之前的附加<a href="faqs.html">。當我刪除該附加標記時，標題&段落標記不再可點擊。但是，我的html沒有額外的<a href...標籤，所以我很困惑它來自哪裏。有誰知道我是否可以改正這個好？

來源

2017-08-16 anve

你可能有重疊的元素，所以你點擊的_think_不是你實際點擊的東西。應該很容易找出使用瀏覽器開發工具，所以試試這些 - 右鍵單擊有問題的區域，「檢查元素」（或類似的），並查看你的位置。如果您需要更多的幫助，那麼您還需要展示您的CSS，最好是以[mcve]的形式呈現整個事物。 – CBroe

@Croro非常感謝！我會在瀏覽器中查看它是否可以從那裏修復。如果沒有，我會很樂意以最小，完整和可驗證的方式發佈CSS代碼。 – anve

您還沒有關閉您代碼中的超鏈接標籤。

<li class="current"><a href="index.html">Home</a></li> 
    <li><a href="accountspayable.html">Accounts Payable</a></li> 
    <li><a href="purchasing.html">Purchasing</a></li> 
    <li><a href="payroll.html">Payroll</a></li> 
    <li><a href="documents.html">Documents</a></li> 
    <li><a href="faqs.html">FAQs</a></li>

檢查您的代碼是否正確。

來源

2017-08-16 16:43:59

頁眉和段落文本導致頁面被點擊

回答

相關問題