Доброго времени суток.
Разрабатываю собственный шаблон. Уровень знаний пока ограничен: HTML+CSS.
Столкнулся с проблемой организации меню на сайте. Уже несколько дней рою интернет - все безуспешно.
Задачи:
В верхнем меню организовать выделение активного пункта. Т.е если мы находимся на "Главная" к данному пункту меню применяется стиль аналогичный стилю "a: hover" и ссылка становится не активной.
Что есть на данный момент:
<div id="top-menu-body">
<a href="./">{$smarty.const.LINK_TO_HOMEPAGE}</a>
<a href="info/stati/">Статьи</a>
{if $smarty.const.CONF_NEWS_ONHOME ne 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}">{$smarty.const.ADMIN_NEWS}</a>{/if}
<a href="info/oplata-dostavka/">Оплата и доставка</a>
<a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}">{$smarty.const.STRING_CONTACT_INFORMATION}</a>
<a href="info/otzivi/">Отзывы</a>
</div>
Стили:
#menu a{
padding: 0 7px 2px 7px;
border-left: 2px solid #c4c5c4;
border-right: 2px solid #c4c5c4;
color: #f3e9cd;
cursor: pointer;
font-weight: bold;
display: inline-block;
text-decoration: none;}
#menu a:hover {
background: #3a443a;
text-decoration:none;}
_____________________
Предупреждение!
Используйте BB коды для форматирования текста и выделения кода.