servus!
habe ein positionierungsproblem mit der navigation des piano-themes
ich möchte die navigation gern links ausgerichtet haben.
habe auch schon bisschen in der css rumgespielt, leider zerschießt es mir dann die navi ziemlich :(
was müsste ich ändern,damit die navi links ausgerichtet ist?
Code
.header-menu-wrapper { }
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }
ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto; }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
ul.menu a:hover { color:#0b6c2b; border-bottom:2px solid #0b6c2b; text-decoration:none; }
ul.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
ul.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }
ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-bottom:2px solid #627376; }
ul.menu .current_page_item a:hover { color:#0b6c2b; border-bottom:2px solid #0b6c2b; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
{ border-bottom:1px solid #373737; }vielen dank schon mal :)