Перейти к публикации

Блокируются HTML ссылки. На них просто не нажать.


Рекомендованные сообщения

Просто мистики, но 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 ....

Есть варианты, как найти решение по этой проблеме?

Ссылка на сообщение
Поделиться на других сайтах

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;

Ссылка на сообщение
Поделиться на других сайтах

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 - тож не вышло.

Ссылка на сообщение
Поделиться на других сайтах

elshaarawy, такое случается, когда слой на слой накладывается. Т.е. например какой-нибудь элемент имеет абсолютное позиционирование и слой на слой находит. В панели разработчика в браузере Firefox можно посмотреть страницу в 3d формате и там видно все слои, нужно просто проверить, из-за какого элемента такое получается.

http://s019.radikal.ru/i608/1501/65/f208bb6732b9.jpg

Ссылка на сообщение
Поделиться на других сайтах

elshaarawy, такое случается, когда слой на слой накладывается. Т.е. например какой-нибудь элемент имеет абсолютное позиционирование и слой на слой находит. В панели разработчика в браузере Firefox можно посмотреть страницу в 3d формате и там видно все слои, нужно просто проверить, из-за какого элемента такое получается.

http://s019.radikal....208bb6732b9.jpg

Спасибо, попробую разобраться. Если что, отпишусь сюда

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...