Ich habe heute zeit finden können und nocheinmal meine Bücher / DVD's mit den wichtigsten Sachen wiederholt...
dementsprechend habe ich einige sachen korrigiert bzw. verändert.
ich verwundere mich nur über eine sache
hier erstmal der code:
Code:
#mainmenu {
width:100%;
position:relative;
overflow:visible;
background-color:#666;
border-top:1px solid #666;
border-right:1px solid #666;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
}
#mainmenu ul {
margin:0;
padding:0;
list-style-type:none;
}
#mainmenu ul.level_1 li {
width:20%;
display:inline-block;
}
#mainmenu ul.level_2 li, #mainmenu ul.level_3 li {
width:100%;
display:block;
}
#mainmenu ul.level_2, #mainmenu ul.level_3 {
display:none;
}
#mainmenu ul.level_1 li:hover > ul.level_2 {
width:100%;
position:absolute;
display:block;
}
#mainmenu ul li a, #mainmenu ul li a:hover, #mainmenu ul li a:active, #mainmenu ul li a:focus, #mainmenu ul li.active span {
font-size:20px;
line-height:25px;
font-weight:bold;
text-decoration:none;
color:#6dbbba;
}
#mainmenu ul.level_1 li.first {
padding-left:20px;
}
#mainmenu ul.level_2 li.first, #mainmenu ul.level_3 li.first {
padding-left:0;
}
gibts eine methode die li in level_1 besser zu verteilen als width 100%?
/////
edit:
level 1 inline vergeben und mit padding arbeiten?
/////
wenn ich mit der maus über die navigation fahre ist sie manchmal einfach "weg"
ich glaube das liegt an leeren zwischenräumen
wie bekomme ich das weg?
///////////////////
edit:
der header in dem sich das menü befindet ist nur 35 px groß
ich möchte ihn nicht unbedingt vergrößern....
/////////////////
wie kann ich das ganze packet grundsätzlich so anpassen das es "touch fähig" ist?
Lesezeichen