[CSS] Div-Hover im IE

unregiert · 9 Dezember 2006

Nun, jetzt zum II Problem: Hover-Div im IE 6.

Im Internet habe ich diverse JavaScript Codes gefunden, aber leider verstehe ich nur wenig von JS, so dass ich euch um Rat fragen muss. Kann mir jemand sagen, wie ich div.menulink im IE "hovern" kann?

Code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>na</title>
  <style>
body
  {
    text-align: center;
  }
  div#big
  {
    max-width:604px;
      min-width:604;
      height:auto;
      margin:auto;
    text-align:left;
  }
  div#menu
  {
    background-image: url(design/pmeg_03.png);
    background-repeat: no-repeat;
    min-height: 142;
    padding-left: 22px;
    padding-top: 110px !important;
    *padding-to\p: 114px !important;
    padding-top: 114px;
    width: 604px;
    max-height: 142; 
    height: 142px;
  }
  div.menulink
  {
    font-family: "Verdana";
    font-size: 8pt;
    min-height: 2;
    border: 0px;
    max-height: 2;
    padding: 3px;
    display: inline;
    margin-left: 2px;
    position: relative;
  }
  div.menulink:hover
  {
    background-image: url(design/menu_02.png);
    font-family: "Verdana";
    font-size: 8pt;
    min-height: 20;
    border: 1px solid #656462;
    max-height: 20;
    padding: 2px;
    display: inline;
    margin-left: 2px;
  }
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div id="big">
  <div id="menu">
    <div id="menulinks">

      <div href="localhost" class="menulink">
      afsdsfd
      </div>
      <div href="localhost" class="menulink">
      afsdsfd
      </div>
    </div>
    
  </div>
</div>
</body>
</html>

theHacker · 10 Dezember 2006

Mit CSS gar ned, weil der IE die Pseudo-Klasse :hover nur als a:hover erkennt, den Rest ignoriert er.
Abhilfe schafft ein Klassenwechseln via JS und den EventHandler onmouseover und onmouseout:

HTML:

<style type="text/css">
div.classdefault {
  color: #000000;
}
div.classhover {
  color: #ff0000;
}
</style>

<div class="classdefault" onmouseover="this.class='classhover';" onmouseout="this.class='classdefault';">...</div>

(ungetestet, aber so in der Art)

unregiert · 10 Dezember 2006

Naja, simple gehts auch. Habe eher nach etwas längerem gesucht... aber dies geht eigentlich auch

Danke!

Getestet, und passt - Nochmals danke.

[CSS] Div-Hover im IE

unregiert

theHacker

sieht vor lauter Ads den Content nicht mehr

unregiert

Ähnliche Themen