Якорные теги не работают

Question

Редактировать: фиксированный закрывающий якорь. Эта проблема существует при тестировании в следующих браузерах:

• Google Chrome
• Firefox 3.5
• Safari

Работает без проблем в IE 8

У меня действительно странная проблема. Короче, взгляните на следующий html:

<a href="login_page.html" class="img">
    <span class="img_holder">
        <img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>
    </span>
    <span class="btn">track him</span></a>  

Вот класс img_holder css:

.img_holder{
    border: 1px solid #c8c8c8;
    display:block;
    background:#fff; 
    height: 100px
}

и img класс:

.img{
    _margin:0 12px 12px 0;
}

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

Есть идеи?

Answer 1

В некоторых браузерах есть проблемы с якорями display: inline (по умолчанию), содержащими элементы display: block.

Добавьте display: block к набору правил с помощью селектора .img.

Также см. http://validator.w3.org/ & mdash; он делает хороший первый проход, чтобы найти низко висящий плод вопросов обеспечения качества. Кажется, в вашем примере кода есть некоторые ошибки, которые он может получить.

Answer 2

Ну, есть несколько очевидных проблем, которые возникают; один - это / перед вашим onerror, а второй - то, что рассматриваемый <a> не кажется закрытым.

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