Thema: Abstand von Text-Submenü stimmt nicht

Hi,

keine Lösung, nur meine Meinung dazu:

das Problem tritt ja nur bei zweizeiligen Menüpunkten auf. Diese finde ich sowieso nicht sehr schön und nicht sehr übersichtlich. Mein Ansatz wäre demnach entweder die Menüpunkte kürzer und prägnanter zu benennen (zu lange Bezeichnungen für Menüpunkte finde ich auch nicht ideal) oder die Linke Spalte zu verbreitern (=>einzeiliger Text).

Falls Du es so lassen willst, lässt es sich sicher auch per CSS lösen. Aber wie gesagt, mir gefällt es nicht so gut.

hth

albatros

Edit: und gleich nochmal ungefragt meine Meinung. Das Zappeln des gesamten Topmenüs beim Hovern gefällt mir auch nicht so.
</Klugscheißer>

Lösche die rot markierten Zeilen im template.css:

template.css (Linie 837)

Code:

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
background:transparent url(../images/submenu_row.gif) no-repeat scroll left center;
border:medium none;
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
height:18px;
line-height:18px;
margin:0 0 0 4px;
padding:0 0 0 18px;
text-decoration:none;
}

template.css (Linie 818)

Code:

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
background:transparent url(../images/menu_row.gif) no-repeat scroll left center;
color:#666666;
font-size:11px;
font-weight:normal;
height:18px;
line-height:18px;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}

template.css (Linie 798)

Code:

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
background:transparent url(../images/menu_row.gif) no-repeat scroll left center;
color:#666666;
font-size:11px;
font-weight:bold;
height:18px;
line-height:18px;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}