Zum Inhalt springen

css menu will nicht

Erstellt am 15. November 2007 · 3 Antworten · letzte Antwort am 20. November 2007

Tags: Frage

simp ·

Hallo Zusammen, #giggle#

ich wünsche einen schönen Abend. Ich habe ein kleines Problem mit meinem
css-menu.

Ich möchte ein Hauptmenü generieren, welches markiert bleibt, wenn es ausgewählt worden ist.

Ich muss zugeben, ich bin neu in der Web-Programmierung, und noch nicht so
fit, was Css/Typo-Script angeht.

MENU_OBEN:

MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 1
MENU_OBEN.entryLevel = 0
MENU_OBEN.wrap = <div id="navioben"> | </div> 
MENU_OBEN.1 = TMENU
MENU_OBEN.1 {
   expAll = 1
   NO {
      linkWrap = <div id="navioben"> |&nbsp;&nbsp;|*|&nbsp;&nbsp;|&nbsp;&nbsp;|*|&nbsp;&nbsp;|  </div>
         }
   ACT < .NO
   ACT = 1
   ACT.linkWrap = <div id="navioben"> |&nbsp;&nbsp;|*|&nbsp;&nbsp;|&nbsp;&nbsp;|*|&nbsp;&nbsp;|  </div> 
}

CSS-MENU:

#navioben {
	list-style: none;
	font-family: Arial, Verdana, sans-serif;    
 	font-size: 14px;
 	color: #FFFFFF;
	float: right;
	display: block;
	margin: 0;
        padding: 1px 1px 1px 0px;
} 
      
#navioben a {
      	text-decoration: none;
      	color: #FFFFFF;
      	font-weight: bold;
      	padding: 0px;
      	margin: 0px;
}
    
#navioben a:hover {
	color: #E6B8BC;
} 

#navioben a:active {
	color: #E6B8BC;
}

Wie gesagt, ich bin kein Web-Programmierer, möchte dennoch was neues lernen.
Vielleicht kann mir ja jemand einen Tip geben.

Viele Dank für eure Mühe.

christiana83 ·

das, was in dieser Zeile steht

 ACT.linkWrap = <div id="navioben"> |  |*|  |  |*|  |  </div>

ist dein "active"- Zustand.

Die Klasse a.active, welche du z.B. bei normalen statischen Seiten verwendets, funktioniert da nicht. statt a.active musst du in deinem Fall schreiben a#navioben

Aus diesem Grund weißt du ja auch eigentlich dem Parameter "ACT" die Klasse zu.

christiana83 ·

ach ja. Bei dir ist der normale Zustand des Links (NO) mit der gleichen Id versehen, wie der aktive (ACT). Da wirst du dann auch keinen Unterschied erkennen.