Элементы меню Joomla в clickable div's

Я работаю над настройкой меню Joomla в качестве небольшого эксперимента, чтобы увидеть, как настраиваемый я могу это сделать. Однако теперь, когда я сделал каждый пункт меню в редактируемой кнопке, я решил изменить их из UL /LI в DIV.

Теперь, я использую по умолчанию mod_menu, и там вы действительно не работаете с ---- +: = 1 =: + ---- или что-то еще, и поэтому, когда я перехожу к div в div, это только текст внутри div, который можно кликать, а не весь div.

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

Кто-нибудь знает, как это сделать?

2 голоса | спросил Hocho 17 12014vEurope/Moscow11bEurope/MoscowMon, 17 Nov 2014 13:55:00 +0300 2014, 13:55:00

1 ответ


1

Чтобы уточнить, не удаляйте тег <a> вообще, поскольку в нем содержатся ссылки href, и если вы удалите его, вам нужно прибегнуть к чему-то вроде jQuery.

Итак, предположим, что у вас есть следующая разметка для меню:

<div class="menu">
    <div class="item">
        <a href="#">Home</a>
    </div>
    <div class="item">
        <a href="#">About</a>
    </div>
    <div class="item">
        <a href="#">Contact</a>
    </div>
</div>

В настоящее время текст является единственной интерактивной ссылкой, потому что тег <a> по умолчанию: display: inline;

Итак, все, что вам нужно сделать, это использовать следующий CSS:

.menu .item a {
    display: block;
}

Это в основном расширяет элемент до полного размера его родительского элемента.

ответил Lodder 17 12014vEurope/Moscow11bEurope/MoscowMon, 17 Nov 2014 14:08:16 +0300 2014, 14:08:16

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132