找回密码
 FreeOZ用户注册
查看: 2746|回复: 11

[论坛技术] 这小段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%;
}

后面那一小段什么意思,该放在哪里呢?
回复  

使用道具 举报

发表于 28-7-2011 16:51:37 | 显示全部楼层
原帖由 四香油饼 于 28-7-2011 15:49 发表
我想给一个表格的cell设置一个链接,就是当鼠标移到cell上的时候就能链接,而不需要必须移动到里面的文字上,也不希望用javascript的方法,网上查到了这么个答案,但我看不懂,不知道该加到哪里,哪位老师给我解答一 ...


这不是CSS吗?

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

发表于 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.

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

 楼主| 发表于 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.



那怎么才能实现呢?
回复  

使用道具 举报

发表于 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>

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

发表于 28-7-2011 18:01:51 | 显示全部楼层
<link rel="stylesheet" type="text/css" href="example.css" />
把那段放到example.css里。

这个style是满足你的需求的

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

发表于 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>

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

发表于 28-7-2011 21:09:41 | 显示全部楼层
那段CSS的意思是把 链接的显示方式改为block, (默认为inline),同时占满表格的cell。这样整个cell的范围都是<a> 的范围了。

评分

参与人数 1威望 +20 收起 理由
四香油饼 + 20 谢谢指教

查看全部评分

回复  

使用道具 举报

 楼主| 发表于 28-7-2011 21:18:07 | 显示全部楼层
谢谢楼上各位的指教,freeoz能人就是多阿
回复  

使用道具 举报

发表于 28-7-2011 22:43:27 | 显示全部楼层
难道不要a:hover的style吗?这个style没有设定具体的变化啊。
回复  

使用道具 举报

发表于 1-8-2011 20:19:26 | 显示全部楼层

回复 #10 骷髅 的帖子

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

使用道具 举报

 楼主| 发表于 2-8-2011 01:30:18 | 显示全部楼层
俺在w3school学了2天css,现在已经明白啦,已经做成功了,再次谢谢大家
回复  

使用道具 举报

您需要登录后才可以回帖 登录 | FreeOZ用户注册

本版积分规则

小黑屋|手机版|Archiver|FreeOZ论坛

GMT+11, 29-3-2024 22:37 , Processed in 0.032793 second(s), 35 queries , Gzip On, Redis On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表