Question

我在Drupal 7中有一个视图，显示当前登录用户的4个用户字段。我将输出重写为以下代码：

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

我可以在字段中添加一些CSS类，让所有内容看起来更好一点，但我仍然坚持某一点：我想添加一个链接到块，将用户重定向到他/她个人资料页面（网址为user/[uid]）。要完全清楚，我希望整个块作为某种“按钮”（就像本网站顶部菜单中的“按钮”），所以我不想要要链接到个人资料页面的单独字段（我知道如何做到这一点）。

可以用CSS和/或HTML实现吗？

Answer 1

尝试在'a'元素中包装'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 个答案: