Tweet
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:
http://www.ifyouwantblood.de/jailbreak/demo/admin/
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:
http://www.ifyouwantblood.de/jailbreak/demo/admin/
gruß und schonmal danke!
Kommentar