TMENU macht kein ACT aus CSS mit

Hallo zusammen ich habe ein TMENU welches seine Darstellung komplett aus einem css bekommt.
Klappt auch alles Prima nur den Style bei "active" ignoriert er völlig.

Die anderen Themen zu diesem Thema haben mir leider nicht geholfen. Deswegen der neue 🙂

Setup:

#-----------------------------Menü-----------------------------#
 marks.MENUE1= HMENU
 marks.MENUE1.1 = TMENU
 marks.MENUE1.1 {
   wrap = <ul class="MENUE1"><font size="3">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   }


 marks.MENUE1.2 = TMENU
 marks.MENUE1.2 {
   wrap = <ul class="MENUE1"><font size="2">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   }

CSS:

/* --------------------------------- Hauptmenu Start --------------------------------- */
ul.MENUE1 {
	list-style-type:none;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	padding-left:0px;
	margin-left:0px;
	width:170px;
}

ul.MENUE1 a,
ul.MENUE1 a:link,
ul.MENUE1 a:visited {
	color:#333333;
	text-decoration:none;
	display:block;
}

ul.MENUE1 a:hover,
ul.MENUE1 a:active,
ul.MENUE1 a:focus {
	background-color:#F9EAA7;
	text-decoration:none;
	display:block;
}

ul.MENUE1 li a,
ul.MENUE1 li active,
ul.MENUE1 li a:link {
	text-decoration:none;
	padding-left:30px;
	line-height:27px;
}

ul.MENUE1 li ul li a,
ul.MENUE1 li ul li active,
ul.MENUE1 li ul li a:link {
	text-decoration:none;
	padding-left:35px;
	line-height:21px;
}

ul.MENUE1 li {
	text-indent:0px;
	padding-left:0px;
	margin-left:0px;
}

ul.MENUE1 li ul {
	list-style-type:none;
	display:block;
	margin-left:0px;
	padding-left:0px;
}
/* --------------------------------- Hauptmenu Ende --------------------------------- */

Hi,

in deinem css-Code fehlt lediglich das a:

TYPODrei schrieb

CSS:

ul.MENUE1 li active
ul.MENUE1 li ul li active

richtig:

ul.MENUE1 li a:active
ul.MENUE1 li ul li a:active

Gruß tronixx

hmm ok das war schon mal ein guter tip 🙂

leider hat es nix am ergebnis geändert bei active kommt immer noch kein highlighting 🙁

neue css version:

/* --------------------------------- Hauptmenu Start --------------------------------- */
ul.MENUE1 {
        list-style-type:none;
        display:block;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#333333;
        text-align:left;
        padding-left:0px;
        margin-left:0px;
        width:170px;
}
 
ul.MENUE1 a,
ul.MENUE1 a:link,
ul.MENUE1 a:visited {
        color:#333333;
        text-decoration:none;
        display:block;
}
 
ul.MENUE1 a:hover,
ul.MENUE1 a:active,
ul.MENUE1 a:focus {
        background-color:#F9EAA7;
        text-decoration:none;
        display:block;
}
 
ul.MENUE1 li a,
ul.MENUE1 li a:active,
ul.MENUE1 li a:link {
        text-decoration:none;
        padding-left:30px;
        line-height:27px;
}
 
ul.MENUE1 li ul li a,
ul.MENUE1 li ul li a:active,
ul.MENUE1 li ul li a:link {
        text-decoration:none;
        padding-left:35px;
        line-height:21px;
}
 
ul.MENUE1 li {
        text-indent:0px;
        padding-left:0px;
        margin-left:0px;
}
 
ul.MENUE1 li ul {
        list-style-type:none;
        display:block;
        margin-left:0px;
        padding-left:0px;
}
/* --------------------------------- Hauptmenu Ende --------------------------------- */

Dir ist aber schon klar, dass der Status "active" eines Links nur solang gilt, wie man daraufklickt und gedrückt hält, ja?
Ich befürchte nämlich gerade, dass du irgendwas versuchst, was garnicht funktionieren kann.

Wenn du den aktiven Menüpunkt (-> die Seite, die gerade angezeigt wird) im Menü markieren willst, musst du das schon über eine eigene Klasse machen.

Ach so, wenn du schon css benutzt, was soll dann noch dieser furchtbare font-Tag in deinem wrap?! #paralyzed#

Hmm ja das denke ich mit mittlerweile auch aber wenn ich z.B. Auf einem Menüpunkt klicke und dann die Maus gedrückt wegziehe sollte es „active“ sein. Und schon das geht nicht.

Muss ich mit wohl was ganz anderes einfallen lassen.

ja so wars geplant! active soll genau so aussehen wie hover.

ich habs jetzt dann glaube ich doch hinbekommen. mal wieder einfacher als gedacht.

"einfach nur" bei ACT

allWrap = <div style="background:#F9EAA7">|</div>

rein und schon gehts! ist zwar schade dass das nicht aus dem css kommt aber gehen tut es 😃

Setup:

#-----------------------------Menü-----------------------------#
 marks.MENUE1= HMENU
 marks.MENUE1.1 = TMENU
 marks.MENUE1.1 {
   wrap = <ul class="MENUE1"><font size="3">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
    ATagTitle.cObject = TEXT
    ATagTitle.cObject.dataWrap = Link zu: {field:subtitle}
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   ACT {
    allWrap = <div style="background:#F9EAA7">|</div>
    }
   }


 marks.MENUE1.2 = TMENU
 marks.MENUE1.2 {
   wrap = <ul class="MENUE1"><font size="2">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
    ATagTitle.cObject = TEXT
    ATagTitle.cObject.dataWrap = Link zu: {field:subtitle}
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   ACT {
    allWrap = <div style="background:#F9EAA7">|</div>
    }
   }