[CSS] Problem

Tobsen

Wieso funktioniert folgendes nicht?? Es wird gar nichts angezeigt!? Ach ja, und leider funktioniert der hover-effekt für td div table usw... nicht im IE und bei Netscape erst ab der 4.0-Version. Gibt es da einen workaround ohne java-script? So wie ich das versuche scheint es nicht zu funktionieren! Bräuchte dringend 'nen guten Lösungsvorschlag!
Danke euch!
MfG

Tobsen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<style type='text/css'>
.item1 {background-color:red; z-index:1; display:block; cursor:hand; }
.item1:hover {background-color:green; z-index:100; display:block; cursor:hand;}
</style>
</HEAD>

</BODY>
</HTML>

Henno

Mache mal zwischen das <div> ein

Und Netscape 4 hat doch keiner mehr... das ist also egal. Und der neue IE müsste auch :hover für andere Elemente, als <a> kennen.

Tobsen

Probier das doch mal bitte bei dir aus! Das wird so wie es da steht nicht funktionieren. Auch nicht mit dazwischen. Oder was ist sonst falsch am Code?
MfG

Tobsen

Lars

Original erstellt von Loggy:
Und Netscape 4 hat doch keiner mehr...

Browserstatistiken sagen was anderes

flenders

Ich hab dir mal ein kleines Workaround gebastelt

<div style='position:absolute; width:150px; height:50px; top:10px; left:10px;'>
 <a href='' class='item1'>
  <div style='position:relative; width:150px; height:50px; top:0px; left:0px;'>

  </div>
 </a>
</div>