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

Hyperlink 我网页上的一些链接不起作用,hyperlink,Hyperlink,在我新创建的页面上,我有一列链接,除了前两个之外,所有链接都可以正常工作。我仔细检查了代码,所有代码似乎都是一致的。我不太清楚为什么它不允许我点击顶部的两个链接,但其他链接似乎工作得很好。如果有人能试一试问题所在,我将非常感激!我已经粘贴了我认为可能包含问题的代码部分!谢谢 <!DOCTYPEhtml> <html> <head> <title> Rockwell Utilities </title>

在我新创建的页面上,我有一列链接,除了前两个之外,所有链接都可以正常工作。我仔细检查了代码,所有代码似乎都是一致的。我不太清楚为什么它不允许我点击顶部的两个链接,但其他链接似乎工作得很好。如果有人能试一试问题所在,我将非常感激!我已经粘贴了我认为可能包含问题的代码部分!谢谢

<!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>

您的徽标RockwellNewEdit.png与这两个链接重叠。

您是否仔细检查了email.html和payments.html是否位于calendar.html、notices.html、paymenttop.html和rates.html目录中?如果最下面的4个有效,而最上面的2个有效,则最有可能出现问题。

我不知道这是否会导致您描述的问题,但我注意到的是,src属性值和alt属性之间没有空格,如:

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

您的图片与此图片中的两个链接重叠我的建议是缩小图片并使用显影工具查看错误,因为这样您可以看到图片正在做什么

我没有收到404错误。只是链接本身甚至不会点击。这就好像它们甚至不是链接。如何在不完全破坏布局的情况下向下移动链接?我看到,自从我上次打开页面以来,您已经做了一些编辑;我记得你有大的透明块上面和下面你的标志,这是标志图像文件的一部分。我不想让你气馁,但我建议你从头开始重新设计布局,要考虑到网页设计的现代趋势和最佳实践。我不得不说,你的网站看起来像是1999年的东西;如果您对此没有信心,那么重新调整a的用途或使用a也不足为耻。