Cursor auf ein link verwandelt sich in Hand, IE7

[Laura]

Hallo Leute,

Ich habe ein Problem mit IE7. Ich habe in meiner css-Datei für meine Links gewünschte Sachen definiert. Die Links sollen klickbar sein und auf eine Seite verweisen. Ausserdem wenn man mit dem Cursor auf dem Link geht soll sich der cursor in Hand (hover-css)verwandeln. Alles funktioniert eindwandfrei bei Firefox. Nur in IE7 verwandelt sich der Cursor bei einem Link  nicht in Hand. Hier der Code:

  
a {font-size: 1.0em;}  
a:link {font-family: arial, verdana, sans-serif; color: #F87416; font-weight: normal; text-decoration: none;}  
a:visited {color: #F87416; font-weight: normal; text-decoration: none;}  
a:focus {color: #F87416; font-weight: normal; text-decoration: none;}  
a:hover {text-decoration: underline; color: #dd4400; font-weight: normal; }  
a:active {color: #F87416; font-weight: normal; text-decoration: none;}  

Hier der Link-----------------------

  
<div class="test">  
<a onclick="mojarra.jsfcljs(document.getElementById('list:akl'),{'list:j_idt105':'list:j_idt105'},'');return false" href="#">  
<div class="btn-AZ-Liste-label">Diese Liste anzeigen </div>  
<div class="btn-AZ-Liste"></div>  
</a>  

Und hier damit der Cursor als Hand angezeigt wird-------------

  
.test{  
    cursor: pointer;  
    text-align: right;  
}  

Wenn man jetzt in IE7 auf "Diese Liste anzeigen" geht, sieht man keine Hand. Kann  Jemand mir bitte helfen?
Danke in Voraus
Laura

[ChrisB]

Hi,

<div class="test">
<a onclick="mojarra.jsfcljs(document.getElementById('list:akl'),{'list:j_idt105':'list:j_idt105'},'');return false" href="#">
<div class="btn-AZ-Liste-label">Diese Liste anzeigen </div>
<div class="btn-AZ-Liste"></div>
</a>

  
Schreibst du HTML5?  
Ansonsten ist das kein gültiges HTML - A als Inline-Element darf in HTML 4.01/XHTML 1.0 kein DIV enthalten.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[gast42]

<div class="test">
<a onclick="mojarra.jsfcljs(document.getElementById('list:akl'),{'list:j_idt105':'list:j_idt105'},'');return false" href="#">
<div class="btn-AZ-Liste-label">Diese Liste anzeigen </div>
<div class="btn-AZ-Liste"></div>
</a>

>   
> Schreibst du HTML5?  
> Ansonsten ist das kein gültiges HTML - A als Inline-Element darf in HTML 4.01/XHTML 1.0 kein DIV enthalten.  
  
zumal a hier vollkommen überflüssig ist, gib dem umgebenden div den onclick-Event (und die CSS-Eigenschaften)

[Laura]

Es ist kein HTML 5. Wenn A kein div enthalten darf, sollte es nicht genauso bei Firefox oder IE8 und IE9 nicht funktionieren????

Also ein div ist der Text (btn-AZ-Liste-label) und andere ist ein Icon dafür und man kann entweder auf dem Text gehen oder dem Icon. Das Handzeichen erscheint nur zwischen dem Text und Icon. Alles ist weiterhin klickbar und verweist auf richtige Seite. Es tut mir leid, dass mein Problem mir immer noch nicht klar ist.

[gast42]

Es ist kein HTML 5. Wenn A kein div enthalten darf

darf es dann nicht!

sollte es nicht genauso bei Firefox oder IE8 und IE9 nicht funktionieren????

aus falschem Code macht jeder Browser, was er will

Es tut mir leid, dass mein Problem mir immer noch nicht klar ist.

arbeite daran, wenn es dir klarer ist, kannst du es wahrscheinlich selbst lösen. Meine Empfehlung bleibt: ersetze

<div><a onclick="..."><div>...</div><div>...</div></a></div>

durch

<div onclick="..."><div>...</div><div>...</div></div>

(und welchem div du dann welches CSS zuordnest, mit oder ohne cursor:pointer, ist dann eine andere Frage)

[ChrisB]

Hi,

Es tut mir leid, dass mein Problem mir immer noch nicht klar ist.

Nur dir selber scheint es das noch nicht zu sein.

Erstelle zunächst fehlerfreies HTML.
Nutze den Validator, um es auf Fehlerfreiheit zu überprüfen. http://validator.w3.org/

MfG ChrisB