Как сделать кликабельный блок?

Сегодня узнал замечательный трюк, который мне тут же и пригодился. Зачастую нужно сделать какой-либо блочный элемент, например <div>, кликабельным. Помещать его в тег <a> не выход, потому что это бред, да еще и не валидно.

Решение просто, как все гениальное:

Только не забудьте в оформлении к этому блоку добавить курсор, иначе никто не догадается о том, что он кликабельный 🙂

  • Сынку, а як же шостий вiслюк? Що невже працюе?

    • А як же ж! Головне, щоб JS був включений.

  • голос за кадром «оооуу дiду, я знайшла пiлюлю для нашого вiслюкааа»

    Сiм’я Майгурових вiд щирого серця дякуе тобi!

  • Совершенно правильно. Только JS может быть отключен и часть функционала потеряется. Нужно хотя бы ноиндекс прописать.

  • Почему с a не валидно? Делаем ему display:block;
    Если нужны элементы внутри, то делаем из span`ами, у которых тоже display:block

    • display:block валидности ему не прибавит, можете проверить

      • SelenIT

        Со спанами — прибавит.

        А с единственным доктайпом, который одинаково понимают браузеры и валидаторы () — и с div будет валидно. И даже будет работать везде, включая IE6 (не без нюансов, конечно, но это уж как всегда).

      • SelenIT

        Извиняюсь, код доктайпа проглотил голодный парсер — имелся в виду <!doctype html>

  • ilyas

    здравствуйте Neolot, можно от вас получить PSD макет и сверстать его вам, как раз проверите мои ошибки если будут, просто хочется услышать авторитетное мнение конечно же на мыло про свою верстку,