HTML超链接失败:编码冲突?

HTML超链接失败:编码冲突?,html,css,Html,Css,在过去的一周里,我一直在学习HTML和CSS的基础教程,并一直在尝试重新创建一个我多年前用Squarespace(一个简单的构建器)创建的网站。昨天我无法向图像添加链接,但通过添加div标记实现了这一点,我的其余链接现在无法工作。我的编码有冲突吗?这是: body{背景图片:url(THX1138.jpg); 背景大小:封面;背景位置:继承} h1{文本转换:大写;高度:70%;宽度:100%;显示:柔性;位置:固定;对齐项目:中心;对齐内容:中心;字体系列:helvetica} 表{文本转

在过去的一周里,我一直在学习HTML和CSS的基础教程,并一直在尝试重新创建一个我多年前用Squarespace(一个简单的构建器)创建的网站。昨天我无法向图像添加链接,但通过添加div标记实现了这一点,我的其余链接现在无法工作。我的编码有冲突吗?这是:


body{背景图片:url(THX1138.jpg);
背景大小:封面;背景位置:继承}
h1{文本转换:大写;高度:70%;宽度:100%;显示:柔性;位置:固定;对齐项目:中心;对齐内容:中心;字体系列:helvetica}
表{文本转换:小写;高度:90%;宽度:100%;显示:柔性;位置:固定;对齐项目:中心;对齐内容:中心;字体系列:monospace;}
链接{文本装饰:无;边距:2px;颜色:黑色;}
a:访问{颜色:黑色}
a:悬停{背景色:#f7d8d8;填充:3px;
-o型过渡:彩色。2秒缓进,背景。3秒缓进;
-ms转换:彩色。2秒缓进,背景。3秒缓进;
-moz过渡:颜色。2秒放松,背景。3秒放松;
-webkit转换:颜色。2放松,背景。3放松;}
#twitterbird{高度:102%;宽度:100%;显示:柔性;位置:固定;对齐项目:中心;对齐内容:中心;}

壁龛

您的
a
标签不应该在
td
标签之外,而应该在标签内部

你有

<tr>
    <a href="index.html"><td> Reviews</td></a>
    <a href="index%203.html"><td> Features</td></a>
    <a href="index%202.html"><td> About Us</td></a>
</tr>

你应该

<tr>
    <td><a href="index.html">Reviews</a></td>
    <td><a href="index%203.html">Features</a></td>
    <td><a href="index%202.html">About Us</a></td>
</tr>

问题是您已将
#twitterbird
div设置为覆盖整个页面。链接正在工作,但它们被相关div覆盖,因此鼠标无法“访问”链接


正如其他海报所指出的,您还需要将您的
标签移动到
标签内。

我认为您犯了一个仓促的错误。用下面的代码更改您的代码

<table>
<tr>
<td> <a href="index%202.html"> About Us</a></td>
<tr>
</table>


虽然这绝对是一个很好的做法,但它并不能回答OP的问题。@Ryan好吧,说清楚一点,用另一种方式来做是无效的HTML,不仅仅是坏习惯。我想他在
@Rob上完全错过了开头的
。你怎么做到的?你试过了吗?它只保存为个人文件,所以我无法验证它是的使用“直接输入验证”选项你读过我的编辑吗?有关于该理论的解决方案吗?右键单击链接并选择“选择元素”。如果开发工具工具栏出现了除标记hilighted之外的任何东西,那么您就有了css问题。