[field_images]

Как сделать весь вид связываемым?

82 просмотра

1 ответ

1 Репутация автора

Я хочу сделать весь вид связываемым.

Это мое правило переписывания:

<div class="news_column_wrapper z-depth-1 card">
<div class="news_column_images card-image">[field_images]</div>
<div class="news_column_content_wrapper">
<div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div>
<div class="news_column_title">[title]</div>
</div>
</div>

Это мой снимок экрана с полем обзора, я хочу, чтобы все окно было кликабельным:

Я пробовал с

    <div class="news_column_wrapper z-depth-1 card">
<a href="[path]">
        <div class="news_column_images card-image">[field_images]</div>
        <div class="news_column_content_wrapper">
        <div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div>
        <div class="news_column_title">[title]</div>
        </div>
</a>
        </div>

но ничего не происходит Как я могу этого достичь?

Автор: Kelvin Источник Размещён: 18.07.2016 11:02

Ответы (1)


0 плюса

144 Репутация автора

Я думаю, что это больше проблема HTML, чем проблема Drupal. <a>Тег является встроенным тегом, и вы разместили <div>тег внутри него. Естественное отображение <a>тега сделает это, только текст будет кликабельным.

То, что вы можете сделать, это использовать CSS, чтобы сделать <a>элемент блока, таким образом, чтобы активируемая зона распространялась на весь блок.

Сначала добавьте класс к вашей ссылке:

<a class='block_link'>
    <h2>My title</h2>
    <div>My content</div>
</a>

Затем, в вашем CSS, сделайте <a>тег, отображаемый как блок.

a {
  display:block;
}

Это должно делать свое дело.

Автор: mgadrat Размещён: 29.07.2016 02:07
Вопросы из категории :
32x32