Question

在我新创建的webpage上，我有一列链接，除前两个外都有效。我仔细检查了代码，所有这些似乎都是统一的。我不太清楚为什么它不允许我点击顶部的两个链接，但其余的似乎工作得很好。如果有人可以解决问题可能是什么我会非常感激！我已经粘贴了我认为可能包含问题的代码部分！谢谢！

<!DOCTYPEhtml>
<html>

    <head>
        <title> Rockwell Utilities </title>
        <link href="rockwell.css" rel="stylesheet" type="text/css"/>
    </head>

    <div class="pos_top"><div id="bubbles"><img src="/rockwell/sepiawater.jpg" alt="Water Drop" height="250" width="1000"/></div></div>
    <div id="header"><div id="logo"><img src="/rockwell/Rockwellnewnewedit.png" alt="Rockwell Utilities" height="400" width="500" /></div></div>

    </body>


        <div id="wrapper">
            <h1> Rockwell Utilities Welcomes You! </h1>     
    <div id="intro">

            <p>Rockwell Utilities is your number one choice in water and sewage.<br> We provide service to the Lakemoor, Illinois area,
            <br>and have since 2007.
            </p>    

            <img src="/rockwell/award.png" alt="Illinois Department of Health" height="200" width="500"/>
             <a href="http://www.idph.state.il.us/public/press12/2011_Fluoridation_award_list.pdf"> <p>Rockwell 
            Utilities wins Illinois Department of Health Community Water Fluoridation Award four consecutive years!</p>
            </a>

    </div>          
            <div id="navigation_sidebar">


                    <div id="navigation_links">
                        <p>
                            <a href="email.html" title="Email Us"><img src="/rockwell/emailus.png" alt="Email Us"/></a>
                            <a href="payments.html" title="Pay My Bill"><img src="/rockwell/paymybill.png"alt="Pay My Bill"/></a>
                            <a href="calendar.html" title="Calendar"><img src="/rockwell/calendar.png"alt="Calendar"/></a>
                            <a href="notices.html" title="Notices"><img src="/rockwell/notices.png"alt="Notices"/></a>
                            <a href="paymentop.html" title="Payment Options"><img src="/rockwell/paymentop.png"alt="Payment Options"/></a>
                            <a href="rates.html" title="Our Rates"><img src="/rockwell/ourrates.png"alt="Our Rates"/></a>
                        </p>

Answer 1

您的徽标（Rockwellnewnewedit.png）与两个链接重叠。

Answer 2

您是否仔细检查过email.html和payments.html目录中的calendar.html，notices.html，paymenttop.html和rates.html？如果底部4工作，前2个工作为404，则很可能是问题。

Answer 3

我不知道这是否会导致您描述的问题，但引起我注意的是src-attribute值与alt属性之间没有空格，如：

<img src="/rockwell/paymybill.png"alt="Pay My Bill"/>

Answer 4

http://i46.tinypic.com/dpvgo7.png 您的图片与此图片中的两个链接重叠，我的建议是缩小图片并使用开发工具查看错误，因为您可以看到图片正在做什么。

我的网页上的一些链接不起作用

4 个答案: