桌子上的一些链接不起作用

时间:2015-04-07 15:05:27

标签: html css

第三栏第一,第二,第三和第四列上的四个链接(订购表格PDF,租赁应用程序PDF,已婚租赁PDF和同意书PDF)由于某种原因没有链接。

以下是代码:



#applicationtable {
  width:550px;
  margin-left:50px;
  margin-bottom:50px;
  margin-top:50px;
}

#applicationtable table td  {
  text-align: :left;
  padding:10px;
  border-bottom:1px solid black;
  font-size:.9em;
}

#applicationtable table th {
  text-align: left;
  padding-left:8px;
}


#applicationtable a:link {
  color:hsla(243, 100%, 50%, 1);
}

#applicationtable a:visited {
  color:hsla(243, 100%, 70%, 1);
}

#applicationtable a:hover {
  color:hsla(243, 100%, 50%, .25);
}

<div id="wrapper">
  <div  class="floatleft">
    <div id="applicationtable">
      <table>
        <thead>
          <tr>
            <th scope="col"><strong>Landlord Rental Applications</strong></th>
            <th scope="col">Word Document</th>
            <th scope="col">PDF Document</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Order Form</td>
            <td><a href="../documents/orderform.doc">Order Form Word</a></td>
            <td><a href="../documents/orderform.pdf">Order Form  PDF</a></td>
          </tr>
          <tr>
            <td class="tablebackground">Rental Application</td>
            <td class="tablebackground"><a href="../documents/rentalapp.doc">Rental App Word</a></td>
            <td class="tablebackground"><a href="../documents/rentalapp.pdf">Rental App PDF</a></td>
          </tr>
          <tr>
            <td>Married Rental Application</td>
            <td><a href="../documents/rentalmar.doc">Married Rental Word</a></td>
            <td><a href="../documents/rentalmar.pdf">Married Rental PDF</a></td>
          </tr>
          <tr>
            <td class="tablebackground">Applicant Consent Form</td>
            <td class="tablebackground"><a href="../documents/consentform.doc">Consent Form Word</a></td>
            <td class="tablebackground"><a href="../documents/consentform.pdf">Consent Form PDF</a></td>
          </tr>
          <tr>
            <td>Lease Agrement</td>
            <td><a href="../documents/lease.doc">Lease Word</a></td>
            <td><a href="../documents/lease.pdf">Lease Rental PDF</a></td>
          </tr>
          <tr>
            <td class="tablebackground">Property Management Agrement</td>
            <td class="tablebackground"><a href="../documents/propagreement.doc">Prop Agreement Word</a></td>
            <td class="tablebackground"><a href="../documents/propagreement.pdf">Prop Agreement PDF</a></td>
          </tr>
          <tr>
            <td>Denial Letter</td>
            <td><a href="../documents/denialletter.doc">Applicant Denial Word</a></td>
            <td><a href="../documents/denialletter.pdf">Applicant Denial PDF</a></td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="3" class="smalltext">Everything needed to process a report is in the order form download!</td>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

代码和链接似乎正常工作;但是,您应该检查以确保您的服务器上确实存在锚标记中引用的PDF文件...这可能是您遇到的问题。

答案 1 :(得分:0)

好的,我有另一个div阻止那一个。另一个div是一个相对div来获得它的标题。所以我只是把位置:相对;在css和照顾它。对不起浪费任何人的时间!

谢谢,

Brandon C Varn