表中的链接不起作用

时间:2014-09-24 16:49:48

标签: css html5

我是这个论坛的新手,我的代码遇到了一些麻烦。我用一张桌子作为导航栏,在换了东西之后,我无法让链接工作!他们甚至不允许我右键单击并在新选项卡中打开。以下是我的代码示例。

<div class="bod">
            <table id="nav" cellspacing= 10px >
                <td><a href="index.html">Home</a></td>
                <td><a href="#about.html">About</a></td>
                <td><a href="gallery.html">Gallery</a></td>
                <td><a href="#contact.html">Contact us</a></td>
            </table>

        </div>

    <div class= "container">
    <table class="mid">

    <td><a  href="#" class="point" id ="left" onclick="prev(); return false;" ><img src="images/left.png" width="30px"></a></td>
    <td>    <div id="slider">
                <img id="1" src="images/1.jpg">
                <img id="2" src="images/2.jpg">
                <img id ="3" src="images/3.jpg">
                <img id ="4"src="images/4.jpg">
            </div>
    </td>
    <td>    
        <a  href="#" class="point" id="right" onclick="next(); return false;"><img src="images/right.png" width="30px"></a>
    </td>   

    </table>
    </div>

2 个答案:

答案 0 :(得分:1)

道歉,意外地发布了太快的帖子。更新:

所有元素必须属于<tr>元素,如下所示:

<table id="nav" cellspacing= 10px >
  <tbody>
    <tr>
      <td><a href="index.html">Home</a></td>
      <td><a href="#about.html">About</a></td>
      <td><a href="gallery.html">Gallery</a></td>
      <td><a href="#contact.html">Contact us</a></td>
    </tr>
  </tbody>
</table>

但是,不管怎样,你不应该使用表格来表示风格;你应该只将它们用于表格数据。

答案 1 :(得分:1)

如果您的意思是about.html链接或contact.html链接不起作用,那是因为您面前有#,并确保围绕<td>标记使用<tr>代码