Thema: Gestaltungsproblem bei der Navigation

Hallo,
ich wollte es ja alleine schaffen, aber jetzt drehe ich doch bald durch und wende mich hoffnungsvoll an euch ;-)

Das ist der Style-Sheet für die Navigation.

---------------------------------
a.mainlevel {
background: #F5E9E9;
color: #1982A5;
font-size: 11px;
padding-left: 13px;
width: 139px;
display: block;
line-height: 26px;
margin-bottom: 1px;
text-decoration: none;
font-weight: bold;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 126px;
}

html>body a.mainlevel {width:126px;} /* Opera5-Fix */


a.mainlevel:hover, a.mainlevel#active_menu {
color: #972F34;
}


a.sublevel {
background: #FBF6F6;
color: #1982A5;
font-size: 10px;
padding-left: 9px;
width: 139px;
display: block;
line-height: 26px;
margin-bottom: 1px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 126px;
}

html>body a.sublevel {width:126px;} /* Opera5-Fix*/

a.sublevel:hover, a.sublevel#active_menu {
font-weight: bold;
}

--------------------------------------------------

Soweit sieht die Navigation auch ganz nett aus, aber irgendwas funktioniert mit 'active_menu' nicht. Wenn ich auf einen Navigationspunkt klicke, verliert die Box ihre Höhe (sie wird schmaler), springt ein paar Pixel nach rechts und 'bold' ist der Font auch nicht mehr. Der aktivierte Menüpunkt ist dann wieder OK.
Und noch was: Die Boxen des Submenus bekomme ich einfach nicht linksbündig zum Mainlevel. Da bleiben immer ein paar Pixel weißer Rand stehen.

Testhalber habe ich auch schon eine eigene Klasse 'active' definiert. Aber da ist es das gleiche Problem.

Betriebsblind? Vielleicht weiss jemand Rat. Das würde mich retten.

Danke,
Markus

Setz einmal Dein #active_menu in eine extra Zeile, dann kannst Du sie nach Belieben formatieren/ausrichten.
Das das Submenu etwas nach rechts verschoben ist (4 Pixel) liegt am Core. Dort ist in der entsprechenden php-Datei (im Augenblick weiß ich nicht genau welche) dieser Versatz um 4 Pixel hartcodierd (kannst Du dort rausnehmen, ein bischen suchen) oder im CSS mit einem entsprechenden Minusversatz ausgleichen.

Das mit dem Versatz hat über eine Style-Sheet-Definition funktioniert.
Super, danke!

Leider klappt der Trick mit dem separaten #active_menu nicht. Das hatte ich schon ausprobiert. Das Problem entsteht eben nur, während ich klicke. Danach ist wieder alles fein. Irgendwie scheint die Anweisung für diesen Klickmoment nicht interpretiert zu werden.

Jemand noch eine Idee?

Gruß,
Markus

Der Klick selber wird nicht vom active_menu bestimmt, sondern vom a:active.
Definiere diesen doch in Deinem CSS (kannst Du auch verbinden mit Deinem a.mainlevel)

Bin blind heute
Danke, jetzt funktioniert es.