Вобщем, пришлось учится верстать, с горем пополам смог сделать li горизонт, картинки прочее сделал, проблема вот в чем: 1)Нужно чтобы при ховере свечение было от верха панели, а оно начинается от низа текста. Как сделать по другому не пойму, в hover span смещение не работает. CMS Jоомла если поможет 2) не выделяет активную страницу - т.е. юзер просто потеряется, не видя где он Коды вот: HTML <div id="topm"> <li class="about"> <a href="http://testt.ru/" title="О компании"><img src="/templates/sw/images/1.png" /></a> </li> <li class="facility active"> <a href="#" title="Услуги"><img src="/templates/sw/images/2.png" /></a> </li> <li class="portfolio"> <a href="#" title="Портфолио"><img src="/templates/sw/images/3.png" /></a> </li> <li class="vacancy"> <a href="#" title="Вакансии"><img src="/templates/sw/images/4.png" /></a> </li> <li class="faq"> <a href="#" title="Частые вопросы"><img src="/templates/sw/images/5.png" /></a> </li> </div> CSS #topm { float: left; width: auto; height: 40px; margin-left: 180px; } #topm li { list-style: none; float: left; position: relative; margin: 0; padding: 0; top: 10px; width: 140px; } #topm li a:hover { background-image:url(../images/onh.png); } #topm li a:hover span { background-image:url(../images/onh.png); background-position: 0 -29px; } #topm li.about { width: 140px; } #topm li.facility { width: 140px; } #topm li.portfolio { width: 140px; } #topm li.vacancy { width: 140px; } #topm li.faq { width: 140px; } Буду рад любой помощи и подсказкам
