2009-02-11 5 views
1

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

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

может .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; 
    } 

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

+0

Если я нажимаю, где должен быть элемент (без заполнения), то щелчок работает, но если я нажимаю на элемент, событие 'click' не запускается, к счастью для меня я могу избавиться от' padding' , и вместо этого используйте «margin». –

ответ

-1

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

window.location = "URL!" 
1

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

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

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

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

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

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

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

+0

Спасибо, очень подробный ответ, большое спасибо, и я рассмотрю это и опубликую обновление. –

+0

Отлично. Пожалуйста, отправьте сообщение об обновлении - мне очень любопытно, что может быть причиной! –

+0

Если я нажимаю, где должен быть элемент (без заполнения), тогда щелчок работает, но если я нажму на элемент, событие 'click' не запускается, к счастью для меня я могу избавиться от' padding' и вместо этого используйте «margin». –

0

Позвольте мне угадать, IE6?

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

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

0

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

У этого комплекта может быть быть причиной какой-то странности.

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

Смежные вопросы