页眉和段落文本导致页面被点击

我正在为我的部门创建一个小型站点。我的第一页称为“主页”页面，它位于名为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

页眉和段落文本导致页面被点击

回答

相关问题