Anchor Tags href nicht funktioniert

Question

Bearbeiten: Verschluss Anker fixiert. Dieses Problem liegt vor, wenn auf den folgenden Browsern testen:

• Google Chrome
• Firefox 3.5
• Safari

Arbeiten ohne Probleme auf IE 8

I'v ein wirklich seltsam Problem hier. Kurz gesagt, einen Blick auf die folgende html nehmen:

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

Hier ist die img_holder CSS-Klasse:

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

und die img Klasse:

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

Jetzt ist das Problem, dass durch Klicken auf Das Bild, das innerhalb des Anchor-Tags verschachtelt ist, führt Sie nicht zu seinem href-Link. (Denken Sie daran, dass der Link in der Statusleiste angezeigt wird, wenn Sie den Mauszeiger über das Bild bewegen) n neue Registerkarte).

Irgendwelche Ideen?

Answer 1

Einige Browser haben Probleme mit Ankern, die display: inline (Standard) sind und Elemente enthalten, die display: block sind.

Fügen Sie display: block dem Regelsatz mit dem .img Selektor hinzu.

Siehe auch http://validator.w3.org/ — es macht einen guten ersten Durchgang, um die tief hängenden Früchte der QA-Probleme zu finden. Ihr Beispielcode scheint einige Fehler zu enthalten, die er aufnehmen würde.

Answer 2

Nun, es gibt nur wenige offensichtliche Probleme, die herausspringen; Einer ist der/vor Ihrer onerror, und der zweite ist, dass die <a> fraglich scheint nicht geschlossen zu sein.

Abgesehen davon scheint es keine offensichtlichen Gründe dafür zu geben, warum es nicht funktionieren würde; vielleicht ist ein vollständiger post von quellcode in ordnung?