Question

我在表格中使用超链接时遇到问题。代码结构如下：

<table align="center" border="1">
    <tr>
        <td>
            <a href="...">Some text here</a>    
        </td>
    </tr>
</table>

问题是，虽然<div id="pages_1">和<div id="pages_2">之间似乎没有区别，但只有一个有效。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>


    <style>
        #pages_1 { position: absolute; visibility: visible; left :0px; right :600px; top:100px; z-index: 1000;}
    </style>
    <style>
        #pages_2 { position: absolute; visibility: visible; left: 0px; right :100px; top:100px; z-index: 1002;}
    </style>
</head>
<body>
<center>
    <h1>
        a
    </h1>
</center>

<div id="pages_1">
    <table align="center" border="1">
        <tr>
            <th>
                <a href="http://www.ubisoft.com">   -----this works-----
                    a
                </a>
            </th>
        </tr>
    </table>
</div>
<div id="pages_2">
    <table align="center" border="1">
        <tr>
            <th>
                <a href="http://www.ubisoft.com">  ------this doesn't-------
                    a
                </a>
            </th>
        </tr>
    </table>
</div>
</body>
</html>

Answer 1

这不是问题所在：

<table align="center" border="1">
    <tr>
        <td>
            <a href="https://www.google.com">Some text here</a>
        </td>
    </tr>
</table>

检查以确保其他内容不会阻止您点击该链接。

Answer 2

我不明白为什么它不起作用：/ 但它在这里工作

＆＃13;

<table  align="center" border="1">
    <tr>
         <td>Google</td>
         <td>

           <a href="https://google.com">Link</a>
         </td>
    </tr>
    <tr>
         <td>Facebook</td>
         <td>
            <a href="https://facebook.com">Link</a>
         </td>
    </tr>
</table>

＆＃13;

Answer 3

我在这里添加了您的要求片段

这是基本代码。

＆＃13;

a{
text-decoration:none;
color: white;
}
a:hover { 
    color: gray;
}
table {
    border-style: solid;
    border-width:5px;  
    border-color:lightblue green blue yellow;
}

＆＃13;

<table  align="center" bgcolor="red">
    <tr>
        <td>
            <a href="https://www.google.com">Some text here</a>
        </td>
    </tr>
</table>

＆＃13;

表中的HTML5超链接无效？

3 个答案: