Ссылка со сложной структурой?

Question

[Narts]

Имеется пункт li:


Необходимо, чтобы вся строка являясь ссылкой. Но как правильно (грамотно) это реализовать? Если все содержимое в завернуть, не будет ли это ошибкой (во-первых тогда ссылка будет содержать дивы или инлайн-элементы с display:block, во вторых сама структура содержимого будет не простой, а это вроде как не хорошо согласно спецификациям)?

Comments

[Rustam Bainazarov]

А как обычно делают на сайтах? Посмотрите и делайте так же. Подсказка: тупо оберните элемент в тег <a> — и всё.

Если это прямая обёртка элементов внутри или если разваливается вёрстка, то надо будет в CSS поставить нужный display (block, inline-block, flex и т. п.) для этого тега.

Answer 1

[profesor08]

Спокойно заворачивай содержимое тега li в тег a

Answer 2

[Юпитер Макс]

Все же просто. Пункту li position:relative; в нем а с абсолютной позицией, шириной и высотой в 100% + display:block; она ляжет поверх всех элементов. которые находятся в li

<ul>
    <li>
        <div>1</div>
        <div>2</div>
        <a href="#">Ссылка</a>
    </li>
</ul>

Comments

[Rustam Bainazarov]

Зачем? Почему? Для чего? :))

Это не тот случай, зачем такие костыли на ровном месте? Это же всего лишь обёртка из ссылки.

[Ankhena]

Рустам Байназаров, чтобы не скучно было сейчас и еще потом тому кому всё это прилетит.

Юпитер Макс display:block можно не писать.

В данном случае такие костыли абсолютно лишние.

[Юпитер Макс]

Ankhena, а как сделать правильно?

[Ankhena]

Юпитер Макс, выше ответ, просто обернуть все содержимое li ссылкой

[Rustam Bainazarov]

Юпитер Макс,

[Rustam Bainazarov]

Ankhena, да, веселье, согласен.