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

时间:2012-06-25 19:59:24

标签: hyperlink

在我新创建的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>

4 个答案:

答案 0 :(得分:0)

您的徽标(Rockwellnewnewedit.png)与两个链接重叠。

答案 1 :(得分:0)

您是否仔细检查过email.htmlpayments.html目录中的calendar.htmlnotices.htmlpaymenttop.htmlrates.html?如果底部4工作,前2个工作为404,则很可能是问题。

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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