Drupal 6 / Views2 Стиль сетки: целые ячейки связаны с узлами

Как насчет чего-то вроде этого ... JavaScript не нужен

В вашей таблице:

<td><a href="..." class="td_link">the link</a></td>
...

В вашем файле CSS:

.td_link {
   display: block; 
   width: 100%;
}

Итак, в основном все, что вам нужно сделать, это добавить класс к вашей ссылке и небольшой фрагмент CSS.

Хорошо, я нашел лучший (супер простой) способ извлечения URL-адреса профиля, а также преодолел несколько проблем со всем решением для блочных ссылок (приписываемых espais), которые, как я думал, стоит задокументировать. Итак, вот полное решение моей исходной проблемы:

1) Добавьте файл настраиваемого шаблона, чтобы переопределить views-view-fields.tpl.php (см. http://views-help.doc.logrus.com/help/views/using-theme - спасибо barraponto за полезную ссылку). В этом настраиваемом файле вы должны заключить весь код в ссылку и добавить div clear-fix непосредственно перед концом, чтобы растянуть ссылку на всю высоту контейнера.

<a class="td-link" href="user/<?php print $row->uid; ?>">
...
<div class="clear-fix"></div>
</a>

2) Теперь вам нужно избавиться от любых других ссылок внутри каждого элемента сетки, так как вам не разрешено вкладывать HTML-ссылки (вызывает действительно странное поведение). Первое, что нужно сделать, это отредактировать представление и убедиться, что ни в одном из полей не установлен флажок «связать это поле с его пользователем». Затем, если вы хотите включить поле с изображением профиля, вам нужно добавить небольшой модуль исправления, потому что по умолчанию нет способа остановить это поле как ссылку! Вы можете получить модуль из этого комментария: http://drupal.org/node/720772#comment-2757536

3) Наконец, CSS. Добавьте в файл style.css своей темы следующее:

a.td-link {
    display: block;
    color: #000;
    text-decoration: none;
    border: 1px solid #E9EFF3;
}
a.td-link:HOVER {border-color: #85b3d4;}
a.td-link label {cursor: pointer;}
div.clear-fix {clear: both;}

Это удаляет форматирование ссылки из текста (поскольку мы хотим, чтобы весь блок выглядел как ссылка, а не только текст), и растягивает ссылку, чтобы заполнить контейнер. Это также делает графику курсора согласованной и добавляет красивый эффект границы при наведении курсора на блок. Помните, что вы также можете добавить собственный класс CSS в представление, что значительно упрощает и упрощает выбор элементов для стилизации в коде CSS.

Важно различать настоящие ссылки с тегами ‹a> и произвольные элементы, по которым вы можете щелкнуть. Даже если вас не волнует семантика, вам следует позаботиться о том, чтобы ваши посетители не использовали JavaScript, особенно поисковые системы.

Вместо того, чтобы превращать блочный элемент в ссылку, вы должны превратить ссылку в блочный элемент, как это предлагается в частности. Один из способов получить больший контроль над разметкой - использовать настраиваемые поля для добавления открывающих и закрывающих тегов для вашей ссылки. вокруг остальных ваших полей.

Спайс и Скотт-Рейнен правы. но вместо того, чтобы размещать каждое поле под несколькими элементами ‹a›, каждый из которых оформлен с помощью css, чтобы превратить их в блоки (которые могут иметь поля и отступы), почему бы не использовать один элемент ‹a›?

если все предназначено для ссылки на одно и то же место, вы можете разместить все это вместе под одним элементом ‹a›, хотя каждый элемент должен быть встроенным элементом (‹span› вместо ‹div›). вы можете сделать это, изменив шаблон строки: проверьте http://views-help.doc.logrus.com/help/views/using-theme

в вашем случае скопируйте шаблоны из модуля представлений в папку вашей темы и переименуйте их, как указано в вашем представлении «Тема: Информация». убедитесь, что не выводятся ‹div› или ‹p› или любой другой элемент блока. если вам нужно разорвать линии, используйте ‹br›.