这小段HTML代码什么意思啊

四香油饼 · 发表于 28-7-2011 16:49:55

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？FreeOZ用户注册

x

我想给一个表格的cell设置一个链接，就是当鼠标移到cell上的时候就能链接，而不需要必须移动到里面的文字上，也不希望用javascript的方法，网上查到了这么个答案，但我看不懂，不知道该加到哪里，哪位老师给我解答一下吧，谢谢了。

Using anchors:

<tr><td><a href="">text</a></td><td><a href="">text</a></td></tr>

I made the second work using:

table tr td a {
display:block;
height:100%;
width:100%;
}

后面那一小段什么意思，该放在哪里呢？

tristone · 发表于 28-7-2011 16:51:37

原帖由 四香油饼 于 28-7-2011 15:49 发表

 登录/注册后可看大图

我想给一个表格的cell设置一个链接，就是当鼠标移到cell上的时候就能链接，而不需要必须移动到里面的文字上，也不希望用javascript的方法，网上查到了这么个答案，但我看不懂，不知道该加到哪里，哪位老师给我解答一 ...

这不是CSS吗？

骷髅 · 发表于 28-7-2011 16:53:55

It's ccs. Add it into <style> </style> in <header></header>, But I doubt it does what u want. Correct me I'm wrong.

四香油饼 · 发表于 28-7-2011 17:14:24

原帖由骷髅于 28-7-2011 15:53 发表

 登录/注册后可看大图

It's ccs. Add it into in , But I doubt it does what u want. Correct me I'm wrong.

那怎么才能实现呢？

tristone · 发表于 28-7-2011 17:33:17

原帖由 四香油饼 于 28-7-2011 16:14 发表

 登录/注册后可看大图

那怎么才能实现呢？

<html>
<head>
<style type="text/css">
table tr td a {
display:block;
height:100%;
width:100%;
}
</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>

周星星1832 · 发表于 28-7-2011 18:01:51

RobinQ · 发表于 28-7-2011 21:05:23

<html>
<head>
<style>
      table tr td a {
         display:block;
         height:100%;
         width:100%;
      };
</style>
</head>
<body>
<table style="border:1px solid black; width:500px">
      <tr>
         <td style="background-color:red">
            <a href="">text</a>
         </td>
         <td style="background-color:green">
            <a href="">text</a>
         </td>
      </tr>
</table>
</body>
</html>

RobinQ · 发表于 28-7-2011 21:09:41

那段CSS的意思是把链接的显示方式改为block，（默认为inline），同时占满表格的cell。这样整个cell的范围都是<a> 的范围了。

四香油饼 · 发表于 28-7-2011 21:18:07

谢谢楼上各位的指教，freeoz能人就是多阿

骷髅 · 发表于 28-7-2011 22:43:27

难道不要a:hover的style吗？这个style没有设定具体的变化啊。

mason00 · 发表于 1-8-2011 20:19:26

难点就在这里，油饼要求移到td上就改变link的特性，a:hover显然只对link有效果吧。。。

四香油饼 · 发表于 2-8-2011 01:30:18

俺在w3school学了2天css，现在已经明白啦，已经做成功了，再次谢谢大家

		自动登录	找回密码
密码			FreeOZ用户注册

FreeOZ

[论坛技术] 这小段HTML代码什么意思啊

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

评分

评分

评分

评分

完整的示例，这样看着清楚点 :)

评分

评分

回复 #10 骷髅的帖子

FreeOZ

[论坛技术] 这小段HTML代码什么意思啊

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

评分

评分

评分

评分

完整的示例，这样看着清楚点 :)

评分

评分

回复 #10 骷髅 的帖子

回复 #10 骷髅的帖子