прокладка ссылок не работает? - PullRequest
Новая
       23

прокладка ссылок не работает?

1 голос
/ 11 февраля 2009

Ссылка работает только тогда, когда я нажимаю на фактический текст, а не на область вокруг него, даже если работает эффект наведения, поэтому я знаю, что кнопка нацелена?

это также происходит в списке на сайте, где я использую левый отступ и помещаю туда изображения, если я щелкну там, где заполнение не работает?

могут это повлиять на сценарии .js, все для лайтбокса, который я использую

Есть идеи ?? 

ul#navigation { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 0;
  }

ul#navigation li a {
  position: absolute;
  bottom: 10px; 
  display: block;
  width: 5em;
  padding: .5em 0;
  color: #FFF;
  background: #92da3a;
  text-align: center;
  text-decoration: none;
  font-size: 11px; 
  }

ul#navigation li a:hover {
  color: #05554f;
  }

ul#navigation .back {
  float: left;
  width: 4em;
  padding: 10px;
  }

ul#navigation .close {
  float: right;
  width: 4em;
  padding: 10px;
  }

ul#navigation li.mt {
  border-bottom: 2px solid #92da3a; 
  width: 480px; 
  position: absolute; bottom: 30px; left: 20px;
  }

Большое спасибо:)

Ответы [ 4 ]

1 голос
/ 12 февраля 2009

В CSS нет ничего плохого для ul#navigation li a. Я скопировал ваш CSS в рабочий пример , и, похоже, он работает правильно в FF3, IE7 и Chrome.

Я бы не ожидал, что (хорошо написанный) фрагмент JavaScript каким-либо образом будет мешать вашим ссылкам. Хотя, в общем, данный фрагмент неизвестного JavaScript может делать что угодно .

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

  • начать с (проверяющего) простого (X) HTML-документа
  • добавьте соответствующий CSS, чтобы получить желаемый стиль ссылки
  • добавить остальную часть CSS, возможно, по частям, если некоторые другие правила CSS мешают
  • добавьте обратно свой JavaScript, снова по частям, где это необходимо

После этого процесса у вас должно быть более четкое представление о том, какой фактор вызывает нежелательное поведение.

Я бы рекомендовал использовать панель инструментов веб-разработчика FireFox, чтобы проверить, какие правила CSS применяются к вашим навигационным ссылкам. Вы можете обнаружить, что некоторые другие слабо определенные правила мешают иным неожиданным образом.

Вы также должны подтвердить, что ваша разметка и CSS верны - вы не можете точно определить правильный вывод при работе с неверным вводом.

0 голосов
/ 13 февраля 2009

Id попробуйте установить UL или LI в положение относительное, учитывая, что у вас установлено A в положение: абсолютное;

Наличие этого набора может вызывать некоторую странность.

Если вы также можете предоставить используемый вами HTML, это поможет решить проблему.

0 голосов
/ 13 февраля 2009

Дай угадаю, IE6?

Вам действительно необходимо указать браузер здесь с проблемой, потому что могут быть огромные различия между различными механизмами рендеринга. Обычно IE6 против всех остальных, а Safari и Opera добавляют свою соль.

Чтобы ответить на ваш вопрос, в IE6 иногда курсор не отображает значок «рука», однако нажатие на область вызовет ссылку. В этом случае добавление «cursor: hand» (или как там было, смотрите свойство css) исправит это для IE6.

0 голосов
/ 11 февраля 2009

Вверху моей головы, я думаю вместо этого визуализировать каждый элемент как элемент, затем установить событие onclick диапазона, чтобы перейти по ссылке, и поместить любые пробелы и текст, которые вы хотите, в span (). 

window.location = "URL!"
...