hi,
hab hier was womit ich nicht fertig werde:
also eigentlich solls so aussehen:

das tuts auch im firefox. im ie7 siehts hingegen so aus (ist nicht für den ie6, den hab ich abgeschrieben):

der css code ist folgender: (sorry fürs copyrigt, is aber nit von mir..)
in den letzten 5 zeilen spielt sich das drama ab. ich hab schon mit z-index rumgespielt, aber da hörts bei mir dann doch schon auf.
und das ganze noch zum selber schauen:
gruß und schonmal danke!
hab hier was womit ich nicht fertig werde:
also eigentlich solls so aussehen:

das tuts auch im firefox. im ie7 siehts hingegen so aus (ist nicht für den ie6, den hab ich abgeschrieben):

der css code ist folgender: (sorry fürs copyrigt, is aber nit von mir..)
Code:
/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. <Copyright Stu Nicholls @http://www.cssplay.co.uk/menus/dd_valid.html Start > =================================================================== */ /* common styling */ .menu { margin-bottom:4em; position:relative; z-index:98; border-top:3px solid silver; margin-right:auto; margin-left:auto;} .menu ul li a, .menu ul li a:visited {font:normal 1.2em arial, sans-serif; display:block; text-decoration:none; color:#000; width:8.2em; height:1.3em; text-align:center; background:#DCDCDC; border:1px solid silver; overflow:hidden;} .menu ul {padding:0; margin:0; list-style: none;} .menu ul li {float:left; position:relative; margin:0;padding:0;} .menu ul li ul {display: none; margin:0;padding:0;} /* specific to non IE browsers */ .menu ul li:hover a {color:#000; background:silver;} .menu ul li:hover ul {display:block; position:absolute; top:1.6em; left:0; margin:0; padding:0;} .menu ul li:hover ul li {float:none; position:none;} .menu ul li:hover ul li a.hide {color:#000; } .menu ul li:hover ul li:hover a.hide {background:#DCDBCB; color:#000; } .menu ul li:hover ul li ul {display: none; } .menu ul li:hover ul li a {display:block; background:#DCDCDC; color:#000;} .menu ul li:hover ul li a:hover {background:#DCDBCB; color:#000;} .menu ul li:hover ul li:hover ul {z-index:100;display:block; position:absolute; left:9.5em; border: 1px solid white; top:0;} .menu ul li:hover ul li:hover ul li{z-index:100;} .menu ul li:hover ul li:hover ul li a {display:block; background:DCBCDC; color:#000; } .menu ul li:hover ul li:hover ul li a {color:black;} .menu ul li:hover ul li:hover ul.left {left:-105px;}
und das ganze noch zum selber schauen:
gruß und schonmal danke!
Kommentar