2014-05-08 54 views
1

我在Drupal 7中有一个视图,显示当前登录用户的4个用户字段。我重写了输出到下面的代码:如何创建可点击的块?

<div>[field-1]</div> 
<div>[field-2]</div> 
<div>[field-3]</div> 
<div>[field-4]</div> 

我一些CSS类添加到田间地头,让一切看起来更好一点,但我被困在某一点:我想补充指向将用户重定向到他/她的个人资料页面的块的链接(URL为user/[uid])。要完全清楚,我想整个块作为某种“按钮”(就像本网站顶部菜单中的“按钮”),所以我不希望单独的字段是链接到配置文件页面(我知道如何做到这一点)。

这可以用CSS和/或HTML来实现吗?

回答

2

尝试在一个“一”元素包裹“DIV”:

<a href="/user/id"><div>[field...]</div></a> 

编辑:这将使所有文本显示为纽带,所以可能要添加一些CSS。例如:

HTML

<a class="link-box" href="/user/id"><div>[field...]</div></a> 

CSS

.link-box { 
    color: #000; 
    text-decoration: none; 
} 
+1

是的,这使得整个块可点击!事实上,你立即反驳了我的下一个问题。我会尝试使用CSS来定制它。 – Jeroen

+0

@Jeroen编辑后,评论代码搞砸了......修复了它。很高兴能有帮助:) – andersevenrud

+0

这绝对是完美的作品。非常感谢!我无法想象这很容易。 ;) – Jeroen