/ Published in: CSS
Stylesheet in need of fixing.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* Style Sheet for CasMenu.html */ *{ margin:0;padding:0;border:0; /* -- reset code -- */ } body { font-family: verdana; background-color: #ABC; margin: 2% auto; width: 70%; clear: both; } h2 { color: #111; text-align: center; background-color: #DDDEEE; border: 2px solid #ABFDBD; border-radius: 5px; margin-bottom: 50px; } /* Menu-behaviour styling */ ul { list-style-type: none; } ul#navmenu li { width:20%; text-align: center; position:relative; float: left; } ul#navmenu a { text-decoration: none; display: block; height: 30px; line-height: 30px; background-color: #FFF; border: 1px solid #000; border-radius: 6px; } ul#navmenu .sublvl1 a{ margin-top: 5px; } ul#navmenu .sublvl2 a{ margin-left: 5px; margin-right: -5px; } ul#navmenu li:hover > a { background-color: #CFC; } ul#navmenu li:hover > a:hover { background-color: #CC0; } ul#navmenu ul.sublvl1 { width: 500%; display: block; position: relative; } ul#navmenu ul.sublvl2 { width: 500%; display: block; position: absolute; /*top: 0; Enough overlap already!! left: 100px; */ } /* remove after you get it to work!!!!! ul#navmenu li:hover .sublvl1 { display: block; } ul#navmenu .sublvl1 li:hover .sublvl2 { display: block; }*/