[TYPO3-german] Die Menüzustände werden aus der CSS Datei nicht ausgelesen

[Kerem Goldberg]

ALSO, folgende Lösung habe ich für das obere Menü verwendet:

zu sehen auf: http://www.muesliarchitektur.de/typo3/index.php?id=71

TScript

# Menu 1 cObject
temp.menu_1 = HMENU
# First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1.expAll = 0
temp.menu_1.1 {
   # Normal state properties
   wrap = |
   NO.allWrap = |
   NO.ATagParams = class="menu1-no"
   ACT < temp.menu_1.1.NO
   ACT = 1
   ACT.ATagParams = class="menu1-act"
}

CSS

div#menu_1 {
	color: red;
	height:130px;
	border-right: 1px solid #414748;
	width:599px;
	float:left;
	text-align:right;
	background-color#5b6162}
	

#menu_1 {
   width: 599;
   float: right;
   list-style: none;
   margin: 0 0px 0 0;
}

#menu_1 a.menu1-no {
   width: 70px;
   border-left: 1px solid #414748;
   float: right;
   margin: 0 0 0 0;
   color: red;
   background-color:transparent;
   display: block;
   padding: 110px 8px 8px 8px ;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
}

#menu_1 a:hover {
background-color: grey;
color:white;
}

#menu_1 a.menu1-act {
   width: 70px;
   border-left: 1px solid #414748;
   float: right;
   margin: 0 0 0 0;
   background-color: white;
   display: block;
   padding: 110px 8px 8px 8px ;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
   color: black;
   background: white;
}



Das Menü auf der rechten Seite funktioniert aber nicht so wie ich es  
will. Zwar wird es wie von mir gewollt dargestellt (zunächst einmal),  
aber der aktive Zustand will einfach nicht eintreten. Dem Menü rechts  
liegt folgendes zugrunde:


TScript

# Menu 2 cObject
temp.menu_2 = HMENU
temp.menu_2.entryLevel = 1
# First level menu-object, textual
temp.menu_2.1 = TMENU
temp.menu_2.1.expAll = 1
temp.menu_2.1 {
   NO.allWrap = <ul>|</ul>
}


# Second level menu-object, textual
temp.menu_2.2 = TMENU
temp.menu_2.2.expAll = 1
temp.menu_2.2 {
   # Normal state properties
   wrap = |
   NO.allWrap = |
   NO.ATagParams = class="menu2-no"
   # Enable active state and set properties:
   ACT < temp.menu_2.2.NO
   ACT = 1
   ACT.ATagParams = class="menu2-act"
}


CSS

div#right {
	float: right;
	text-align:left;
	width:160;
	height:auto;
	background-color: transparent;
}

#menu_2 {
	padding-top: 10px;
	padding-left: 10px;
	width: 160;
	float: left;
	list-style: none;
}

#menu_2 a {
	width: auto;
	margin: 0 0 0 0;
	color: #352545;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	list-style: none;
}

#menu_2 a:hover,
#menu_2 a:focus {
	color: white;
}

#menu_2 a.menu2-act {
	width: auto;
	margin: 0 0 0 0;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}


div#footer {
	width:600px;
	height: auto;
	float:left;
}



merry christmas und herzlichen Dank im Voraus
Kerem



Am 24.12.2009 um 23:52 schrieb Ralf-René Schröder:

Kerem Goldberg schrieb:
> Hallo Liste,
> ich hatte gestern ein Problem mit meinem footer. Das Problem hat  
> sich dank euch lösen können. Ich definiere jedoch per CSS die  
> Menüzustände, diese werden aber aus der CSS Datei nicht ausgelesen.  
> Das a Tag und auch die hover Zustände funktionieren im oberen Menü,  
> der aktive Zustand funktioniert jedoch nicht. Was mache ich falsch?
du must in deiner Menüdekklaration ja auch eine Klasse "active" zuweisen
   ACT.linkWrap = <li class="active">|</li>
um eien aktiven Status auch per CSS zu stylen
wenn es die gerade aktive Seite sein soll, dann ist aber besser:
   CUR = 1
   CUR.linkWrap = <li id"current">|</li>

> Im footer funktioniert weder das gesetzte a Tag noch hover. Was  
> läuft dort falsch?
ich finde in deiner CSS auch keine Anweisungen die Links zu stylen
etwa on der Art
#footer a:hover {color:red;}

merry christmas...

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german