Zum Inhalt springen

Css und T-Menü???

Erstellt am 19. Januar 2006 · 3 Antworten · letzte Antwort am 21. Januar 2006

Tags: Frage

mager85 ·

Hi habe ein Listenmenü in CSS entworfen. Jetzt hab ich nur das Problem dass ich es nicht in die Typo3 Seite richtig rein bringe.

Es sieht schon so aus, wie es aussehen soll, aber das mit den Zuständen (aktiv) klappt nicht. Der Hover geht ohne Probleme.

Hier die Quellcodes? Wo ist der Fehler

CCS-Menü:

/* Navigationsleisten Design */

	#nav {
			background-color: #006C00;
			color: #FFFFFF;
			background:url(onepx_line.gif) 80% 0% repeat-y;
			position:absolute;
			width:170px;
			margin:50px 0 0 0;
			padding:30px 0;
		}
	
	#nav ul {
			list-style:none;
			margin:0;
			padding:0;
			}

	#nav li {
			margin:0;
			padding:0;
			}

	#nav a:link, #nav a:visited {
			display:block;
			margin:0;
			padding:0.75em 0.75em 0.75em 1.5em;
			background-color:#006C00;
			height:1em;
			color:#FFFFFF; 
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bolder;
			text-decoration:none;
			}	
	
	html>body #nav a:link, #nav a:visited {
			height:auto;
			}
	
	#nav a:hover {
			background-color:#5CA143;
			color:#FFFFFF; 
		}
		
	#nav a:active {
			background-color:#5CA143;
			color:#FFFFFF; 
			}

TypoScript

MENU_LINKS = HMENU
    	        MENU_LINKS {
                            special = directory
                            special.value = 1
                            entryLevel = 1
                            1 = TMENU
                            1 {
                           noBlur = 1
                           NO = 1
                           NO {
                             }
}

Ich hoffe ihr könnt mir helfen, mit den anderen foren Einträgen bin ich nicht so richtig schlau geworden.

gruß und danke
mager85

mager85 ·

Ich krieg die Krise, des funzt einfach nicht:

Ist dass richtig?

MENU_LINKS = HMENU
    	        MENU_LINKS {
                            special = directory
                            special.value = 1
                            entryLevel = 1
                            1 = TMENU
                            1 {
                           NO = 1
                          NO.ATagParams = class"menulink"
RO = 1
RO.ATagParams = class="menuhover"

CUR = 1
CUR.ATagParams = class="menuaktiv"


ACT = 1
ACT.ATagParams = class="menuaktiv"
 
}

      }

Und dass ist mein CSS?

/* Navigationsleisten Design */

	#nav {
			background-color: #006C00;
			color: #FFFFFF;
			background:url(onepx_line.gif) 80% 0% repeat-y;
			position:absolute;
			width:170px;
			margin:50px 0 0 0;
			padding:30px 0;
		}
	
	#nav ul {
			list-style:none;
			margin:0;
			padding:0;
			}

	#nav li {
			margin:0;
			padding:0;
			display:block;
			padding:0.75em 0.75em 0.75em 1.5em;
			color:#FFFFFF;
			height:1em;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bolder;
			text-decoration:none;
			}


.menulink:link {
			background-color:#006C00;
			color:#FFFFFF; 
 			display:block;
			margin:0;
			padding:0.75em 0.75em 0.75em 1.5em;
			height:1em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bolder;
			text-decoration:none;
}



.menuhover:hover {
			background-color:#5CA143;
			color:#FFFFFF; 
 			display:block;
			margin:0;
			padding:0.75em 0.75em 0.75em 1.5em;
			height:1em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bolder;
			text-decoration:none;
}

.menuaktiv:active { 
 			display:block;
			margin:0;
			padding:0.75em 0.75em 0.75em 1.5em;
			height:1em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bolder;
			text-decoration:none;
	        background-color:#5CA143;
   	   	   color:#FFFFFF; 
	   
	   }

Die Ausgabe sieht aus wie ein normaler link.

Was kann ich tun?

gruß und danke
mager85