Also es sollte sobald man mit der maus über eins der Items fährt das entsprechende Untermenü erscheinen..
hier der menü code:
<div class="menu"> <ul> <li><a href="index.php">Item 1</a></li> <li><a href="index.php">Item 2</a> <ul> <li><a href="index.php">Sub Item 1</a></li> <li><a href="index.php">Sub Item 2</a></li> <li><a href="index.php">Sub Item 3</a></li> <li><a href="index.php">Sub Item 4</a></li> <li><a href="index.php">Sub Item 5</a></li> <li><a href="index.php">Sub Item 6</a></li> </ul> </li> <li><a href="index.php">Item 3</a></li> <li><a href="index.php">Item 4</a> <ul> <li><a href="index.php">Sub Item 1</a></li> <li><a href="index.php">Sub Item 2</a></li> <li><a href="index.php">Sub Item 3</a></li> <li><a href="index.php">Sub Item 4</a></li> </ul> </li> </ul> </div>
hier der CSS code den ich nur aufs nötigste gekürzt habe:
.menu li { float:left; /* Menü-Items nebeneinander auflisten */ width:125px; position:relative; } /* UNTERMENÜS */ .menu ul ul { visibility:hidden; position:absolute; } /* CSS Fähige Browser - Firefox, IE7, Opera.. */ .menu ul li:hover ul { visibility:visible; } /* Müll - <IE6 */ .menu ul li a:hover ul { visibility:visible; }
das letzte funktioniert nur leider nicht
ich habe durch google erfahren dass ie6 li:hover nicht kann sondern nur a:hover aber warum funktioniert es dann nicht?
könnt ihr mir helfen den code IE6 fähig zu machen?
wenn möglich ohne Javascript ^^
MfG Sereby
Dieser Beitrag wurde von Sereby bearbeitet: 03. September 2007 - 12:11