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

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


我可以在字段中添加一些CSS类,以使所有内容看起来更好一些,但我在某个时候遇到了麻烦:我想添加指向该块的链接,以将用户重定向到他/她的个人资料页面(网址是user/[uid])。完全清楚地说,我希望整个块充当某种“按钮”(就像本网站顶部菜单中的“按钮”一样),所以我不希望将单独的字段链接到个人资料页面(我仍然知道该怎么做)。

CSS和/或HTML可以实现吗?

最佳答案

尝试将'div'包装在'a'元素中:

<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;
}

关于html - 如何创建可点击的块?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23552893/

10-11 23:34
查看更多