elshaarawy 0 Опубликовано: 21 января 2015 Рассказать Опубликовано: 21 января 2015 Просто мистики, но HTML ссылка не кликабельна <div class="topmenu"> <ul> <li><a class="topmenu-icon1" href="#">Item1</a></li> </ul> </div> nav .topmenu-icon1 { float: left; background: url('../images/menusprite.png') 0 0 no-repeat; padding: 0px 5px 2px 23px; color: #444;} nav .topmenu { float: left; width: 100%; } nav .topmenu ul { margin: 0; padding: 0; list-style: none; } nav .topmenu ul li { float: left; margin: 0px 23px; padding-top: 26px; } Что здесь может блокироваться, я просто ума не приложу. Навожу мышкой на ссылку, ничего не происходит. Ссылки как будто нет. Не кликается. Честно говоря впервые с таким сталкиваюс. Уже пробовал разные варианты менять / убрать. Если оставляю просто <a class="topmenu-icon1" href="#">Item1</a> то всё ОК. То есть такое чувство блокирует то ли UL, то ли LI, то ли NAV, то ли DIV .... Есть варианты, как найти решение по этой проблеме? Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 21 января 2015 Рассказать Опубликовано: 21 января 2015 elshaarawy, дай ссылку на сайт, нужно визуально посмотреть, возможно там другой какой-нибудь элемент перекрывает, а вообще уже вижу ошибку: nav .topmenu-icon1 { float: left; background: url('../images/menusprite.png') 0 0 no-repeat; padding: 0px 5px 2px 23px; color: #444;}[/CODE] .topmenu-icon1 прописан у тега <A>, он понимает только color, чтобы воспринимал правильно все стили, которые прописаны, нужно добавить display:block; 1 Цитата Ссылка на сообщение Поделиться на других сайтах
elshaarawy 0 Опубликовано: 22 января 2015 Рассказать Опубликовано: 22 января 2015 Автор elshaarawy, дай ссылку на сайт, нужно визуально посмотреть, возможно там другой какой-нибудь элемент перекрывает, а вообще уже вижу ошибку: nav .topmenu-icon1 { float: left; background: url('../images/menusprite.png') 0 0 no-repeat; padding: 0px 5px 2px 23px; color: #444;}[/CODE] .topmenu-icon1 прописан у тега <A>, он понимает только color, чтобы воспринимал правильно все стили, которые прописаны, нужно добавить display:block; К сожалению на локалке только есть щас. Пробовал добавить display:block; в стили тега А - не получилос. Потом попробоавал добавить в nav .topmenu-icon1 - тож не вышло. Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 22 января 2015 Рассказать Опубликовано: 22 января 2015 elshaarawy, такое случается, когда слой на слой накладывается. Т.е. например какой-нибудь элемент имеет абсолютное позиционирование и слой на слой находит. В панели разработчика в браузере Firefox можно посмотреть страницу в 3d формате и там видно все слои, нужно просто проверить, из-за какого элемента такое получается. http://s019.radikal.ru/i608/1501/65/f208bb6732b9.jpg 1 Цитата Ссылка на сообщение Поделиться на других сайтах
elshaarawy 0 Опубликовано: 22 января 2015 Рассказать Опубликовано: 22 января 2015 Автор elshaarawy, такое случается, когда слой на слой накладывается. Т.е. например какой-нибудь элемент имеет абсолютное позиционирование и слой на слой находит. В панели разработчика в браузере Firefox можно посмотреть страницу в 3d формате и там видно все слои, нужно просто проверить, из-за какого элемента такое получается. http://s019.radikal....208bb6732b9.jpg Спасибо, попробую разобраться. Если что, отпишусь сюда Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.