Mein Menü fixieren so wie hier

[hundestaffel]

Hallo Leute,

ich habe in meinem Style ein Menü wo verschiedene Links enthalten sind, nur wenn ich auf einen enderen Link klicke springt der blaue balken wieder auf Portal zurück ich möchte aber das genau der link wo sich der User gerade befindet blau ist. Leider bin ich anscheinend etwas zu blöd dafür auf die Lösung zu kommen.

Hier mal der Link zum Board: X-Factor

Und hier noch die CSS des Menüs.

Code: Alles auswählen

.glossymenu{
	position: relative;
	padding: 0 0 0 44px;
	margin: 0 auto 0 auto;
	background-image: url("{T_THEME_PATH}/images/menub_bg.gif"); /*tab background image path*/
	background-repeat: repeat-x;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_left.gif") no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}

[hundestaffel]

Hat denn wirklich keiner eine Idee.
Ich habe jetzt schon versucht eine neue li einzufügen activate aber das führt auch nicht zum gewünschten Ergebniss, ich möchte doch nur dass das Bild beim Hover Effekt auf dem aktiven Link stehen bleibt, das kann ja nicht das Problem sein.

Wo sind die Style Experten?

EDIT die Erweiterte CSS sieht jetzt so aus.

Code: Alles auswählen

.glossymenu{
	position: relative;
	padding: 0 0 0 44px;
	margin: 0 auto 0 auto;
	background-image: url("{T_THEME_PATH}/images/menub_bg.gif"); /*tab background image path*/
	background-repeat: repeat-x;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float: left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li c{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li c d{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_left.gif") no-repeat; /*left tab image path*/
	float: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}

.glossymenu li.current c, .glossymenu li c:active{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_active_left.gif") no-repeat; /*left tab image path*/
}

.glossymenu li.current c d, .glossymenu li c:active d{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_active_right.gif") no-repeat right top; /*right tab image path*/
}

[Talk19zehn]

Hallo hundestaffel,

Deine Frage ist nicht ganz so einfach zu beantworten. Jedenfalls nicht für mich, da ich prinzipiell gerne selbst teste, bevor ich eine Idee oder einen Lösungsvorschlag unterbreite. M. E. wird Dein Ansinnen ggf. wie folgt gelöst: Eine eigene #Id sorgt dafür, die (zusäztlich) entsprechend formatierbar ist?


Meine Suche ergab die nachfolgende Zielsetzung ---> u.V., da ich bezogen auf Deine CSS-Formatierung nicht getestet hab.

vgl. bitte http://dkdenz.de/#nr1



Beste Grüße

[hundestaffel]

Ich bedanke mich mal für deine Antwort und werde sobald wie möglich versuchen das so umzusetzen.