Активная кнопка на сайте?

Question

[unlik]

Здравствуйте.

Имеется меню на джумле вида

<li class=""><a href=""></a></li>
<li class=""><a href=""></a></li>
<li class=""><a href=""></a></li>
<li class=""><a href=""></a></li>

В этом случае оформление кнопки прописано в классе к li
И в итоге кликабельна только ссылка. А нужно чтобы кликабельна была и еще сама кнопка с с фоном. Как можно сделать?

Answer 1

[Сергей Андреев]

сделать оформление на ссылки, поправить стили.

Comments

[unlik]

А как задать фон для ссылки нужной мне ширины? Получается только фон размером с текст.

[Юрий Уваров]

unlik: воспользуйтесь падингами

[lemme]

unlik: прочитайте про блочную модель.

Answer 2

[Андрей Гуртовой]

переверстать с использованием bem-нейминга

Answer 3

[Артём Ведищев]

А может быть так?
https://jsfiddle.net/Lakw45fh/

PS Если нужно вертикальное меню, то так: https://jsfiddle.net/Lakw45fh/1/