Étiquettes d'ancrage href ne fonctionnant pas

Question

Édition: Ancrage de fermeture fixe. Ce problème existe lors des tests sur les navigateurs suivants:

• Google Chrome
• Firefox 3.5
• Safari

Works sans problème sur IE 8

I'v vraiment bizarre problème ici. Bref, jetez un oeil à HTML suivant:

<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> 

est ici la classe img_holder css:

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

et la classe img:

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

Maintenant, le problème est que cliquer sur l'image imbriquée à l'intérieur de la balise d'ancrage ne vous amène pas à son lien href (pensée, le lien href montre dans la barre d'état en survolant l'image, et s'ouvre parfaitement bien à l'ouverture i n nouvel onglet).

Des idées?

Answer 1

Certains navigateurs ont des problèmes avec les ancres display: inline (par défaut) contenant des éléments display: block.

Ajoutez display: block au jeu de règles avec le sélecteur .img.

Voir également http://validator.w3.org/ — il fait un bon premier passage pour trouver le fruit de l'assurance qualité. Votre code d'exemple semble avoir quelques erreurs qu'il ramasserait.

Answer 2

Eh bien, il ya peu de problèmes évidents qui surgissent; l'un est le/avant votre onerror, et le second est que le <a> en question ne semble pas être fermé. En dehors de cela, il ne semble pas y avoir de raisons évidentes pour lesquelles cela ne fonctionnerait pas; peut-être un post plus complet de code source est en ordre?