简单的HTML问题与href

我想创建图像超链接到一些URL和超链接donot似乎工作。简单的HTML问题与href

我使用的代码下面给出的http://windchimes.co.in/index_w%20-%20Copy.html

你能告诉我为什么超链接的图标不workking？

<td width="29" style="padding-bottom: 42px;><a href="http://windchimes.co.in/blog" target="_blank"><img align="middle" title="blog" alt="blog" src="http://dl.dropbox.com/u/529534/windchimes/icon-blog.gif"></a></td><td width="29" style="padding-bottom: 42px;> <a href="http://www.linkedin.com/groups?gid=120310" target="_blank"><img align="middle" title="linkedin" alt="linkedin" src="http://dl.dropbox.com/u/529534/windchimes/icon-linkedin.gif"></a></td><td width="29" style="padding-bottom: 42px;> <a href="http://www.facebook.com/group.php?gid=72425590275" target="_blank"><img align="middle" title="facebook" alt="facebook" src="http://dl.dropbox.com/u/529534/windchimes/icon-facebook.gif"></a></td><td width="29" style="padding-bottom: 42px;> <a href="http://twitter.com/windchimesindia" target="_blank"><img align="middle" title="twitter" alt="twitter" src="http://dl.dropbox.com/u/529534/windchimes/icon-twitter.gif"></a></td><td width="29" style="padding-bottom: 42px;> <a href="http://www.youtube.com/user/Windchimesindia" target="_blank"><img align="middle" title="Youtube" alt="Youtube" src="http://dl.dropbox.com/u/529534/windchimes/icon-youtube.gif"></a><td>

来源

2010-05-10 Yahoo-Me

您的页面没有加载。链接会发生什么？ – 2010-05-10 07:31:57

不知道如果有更多的，但你在缺少收盘行情：

<td width="29" style="padding-bottom: 42px;> 
              ^^^

来源

2010-05-10 07:33:58

他们缺少每个'td'标签。 – 2010-05-10 07:40:07

耶找到了错误。这就对了。 – 2010-05-10 07:43:25

一个好主意是运行通过W3 Validator代码：

http://validator.w3.org/check?uri=http://windchimes.co.in/index_w%2520-%2520Copy.html

它会告诉你在什么方式你的H TML格式不正确。

来源

2010-05-10 07:39:52 Blixt

您最后的<td>标记未正确关闭。

<td width="29" style="padding-bottom: 42px;> 
... 
<td>

应</td>代替<td>在末端。

来源

2010-05-10 07:41:07

如果您执行以下操作，诊断，维护和调整您的网页会更容易。

保持你的关注点分开 - 你的HTML应该描述一个文档，而不是它的风格。将您的样式规则放入级联样式表（CSS）中，这也意味着您将满足下一个规则
不要重复自己。所有这些元素的宽度和样式规则完全相同。这意味着如果你想把宽度改成30px，你必须找到/替换每一个这些项目（如果你自动化你的查找和替换，你必须希望你不会意外替换你并不意味着的东西
布局您的代码 - 通过正确地标记您的HTML代码，您将发现错误的结尾标记，因为它会立即出现错误的眼睛
使用validator.w3.org以确保代码是正确的 - 这一定会发现你的错误，并会帮助您避免在您的代码中的两个问题 - 缺少报价，而遗漏的结束标记

这里是你的代码的干净版本...

CSS：

td.myClass { 
    width: 29px; 
    padding-bottom: 42px; 
    text-align: center; 
}

和HTML：

<td style="myClass"> 
    <a href="http://windchimes.co.in/blog" target="_blank"> 
     <img title="blog" alt="blog" src="http://dl.dropbox.com/u/529534/windchimes/icon-blog.gif"> 
    </a> 
</td> 
<td style="myClass"> 
    <a href="http://www.linkedin.com/groups?gid=120310" target="_blank"> 
     <img title="linkedin" alt="linkedin" src="http://dl.dropbox.com/u/529534/windchimes/icon-linkedin.gif"> 
    </a> 
</td> 
<td style="myClass"> 
    <a href="http://www.facebook.com/group.php?gid=72425590275" target="_blank"> 
     <img title="facebook" alt="facebook" src="http://dl.dropbox.com/u/529534/windchimes/icon-facebook.gif"> 
    </a> 
</td> 
<td style="myClass"> 
    <a href="http://twitter.com/windchimesindia" target="_blank"> 
     <img title="twitter" alt="twitter" src="http://dl.dropbox.com/u/529534/windchimes/icon-twitter.gif"> 
    </a> 
</td> 
<td style="myClass"> 
    <a href="http://www.youtube.com/user/Windchimesindia" target="_blank"> 
     <img title="Youtube" alt="Youtube" src="http://dl.dropbox.com/u/529534/windchimes/icon-youtube.gif"> 
    </a> 
</td>

来源

2010-05-10 07:49:54 Fenton

简单的HTML问题与href

回答

相关问题