Hallo,
ich habe ein TMENU mit einem TMENU, welches das Untermenü ist.
Nun habe ich per allWrap class="menu_main" im 1.TMENU eine Schriftfarbe gesetzt, im 2.TMENU (Untermenü) eine andere Schriftfarbe gesetzt (auch mit Nutzung von allWrap class="menu_under".
Meine css-Datei verfügt über einen hover-Zustand. Warum wird dieser nun nicht angezeigt?
Binde ich diese css-Klasse in mein HTML-Template ein, so funktioniert dies. Allerdings möchte ich das Untermenü ja in einer anderen Farbe darstellen. Dazu habe ich zwei verschiedene css-Klassen.
Diese kann ich im HTML-Template nicht in einem <td> unterbringen - deswegen die Nutzung von wrap.
Kann mir hier jemand einen Tip geben?
Danke & Gruß
hello Claudia.
Vorneweg: bei "CUR/RO" und dem Begriff "TMENU" sollt'ne Warnlampe aufleuchten: für Textformatierung gibt's CSS. Für ein funktionstüchtiges TMENU brauchst Du jeweils nur ACT und NO - und natürlich die CSS Klassen dafür.
Meine css-Datei verfügt über einen hover-Zustand. Warum wird dieser nun nicht angezeigt?
Gib uns bitte dein TypoScript an.
grüsse
Hallo toyde,
sorry, da habe ich mich wohl etwas falsch ausgedrückt. Ich nutze
ATagParams=class="menu_links"
das Menü wird auch mit der richtigen css-Klasse angezeigt, allerdings ohne hover-Zustand und ohne a-Zustand.
Mein Menü (bitte nicht lachen, bin noch Anfänger)
MENU_LINKS=HMENU
MENU_LINKS {
special=directory
special.value=49
entryLevel=1
1=TMENU
1.NO=1
1.NO {
XY=178, 24
# Text auf Menüpunkt rendern
10=TEXT
10.text.field=title
10.fontColor=#006699
10.fontFile=fileadmin/fonts/verdana.ttf
0.fontSize=12
10.niceText=1
10.offset=14, 16
allWrap = <br />|<img src="fileadmin/linie_quer.gif" width="178" height="1" alt="" /><br />
linkWrap= |
ATagParams=class="menu_links"
20.offset=0, 23
}
2=TMENU
2.NO=1
2.NO {
XY=178, 24
# Text auf Menüpunkt rendern
10=TEXT
10.text.field=title
10.fontColor=006666
10.fontFile=fileadmin/fonts/verdana.ttf
10.fontSize=12
10.niceText=1
10.offset=14, 16
10.wrap=<br />
allWrap = |<br />|
linkWrap= |
ATagParams=class="menu_links_unten"
10.offset=0, 23
}
}
o.k., per Typoscript hab ich jetzt keinen RO und kein ACT definiert, aber ich denke mit TMENU geht das auch nicht mit Typoscript?
wenn ich nun den Platzhalter in der HTML-Datei ungefähr so habe <td>###MENU_LINKS###</td> dann kommt an diese Stelle das Menu. Soweit, so gut. Möchte ich im Untermenü eine andere Farbe darstellen, klappt dies nicht mit <td class="..."> hier kann ich ja nur das ganze Menü darstellen. Also habe ich dies mit AtagParams gelöst. Mit dem Effekt, dass nun mein hover-Effekt nicht mehr angezeigt wird.
Ich hoffe, meine Frage und Problemstellung ist jetzt besser verständlich bzw. besser dargestellt. Weiss jemand hier eine bessere Lösung?
Danke & Gruß
Sorry wenn ich mal eine dumme Frage stelle
hast Du deinen hover so definiert: a.menu_links:hover {}
?
es kommt beim css auch auf die reihenfolge an: wenn deine class definition nach deinem hover kommt überschreibt sie diese
Mein css sieht so aus:
.menu_links {
font-family: verdana, arial, helvetica, sans-serif;
color: 006699;
font-weight: bold;
font-size: 12px;
text-decoration: none;
padding-top: 4px;
}
.menu_links a {
text-decoration: none;
color: #006699;
}
.menu_links a:hover {
text-decoration: none;
color: #009999;
}
Das ist doch die richtige Reihenfolge? Kann hier was falsch sein?
Gruß
Von vorne:
Meine Bemerkung galt dem CUR/RO im Titel betreffend TMENU - was wenig Sinn macht.
Weiter:
Es bietet sich an, den Status von NO u. ACT im TypoScript mit 2 Klassen zu versehen (z.B. sinngemäss mit "navi-no", "navi-act"). In deinem Fall hast Du direkt die <a>-Tags mit Klassen versehen. Bei manchen Konstellationen möchten ebenfalls Zeichen vor bzw. hinter Navigationspunkten formatiert werden. Die ATagParams können hierfür nicht verwendet werden.
und:
Das ist doch die richtige Reihenfolge? Kann hier was falsch sein?
Das oben angesprochene Problem:
.menu_links a:hover {
ist nicht einsetzbar für:
ATagParams=class="menu_links"
ATagParams=class="menu_links" gibt dies aus:
<a class"menu_links">link</a>
und das CSS dazu ist falsch.
Vielleicht ein wenig.
versuch mal
a.menu_links:hover {}
statt
.menu_links a:hover {}
Hi toyde, wollte dich nicht übergehen, war halt nur ein wenig langsam.
Das CUR und ACT auch definiert werden sollten, dem schließ ich mich voll an 😉
nene jacs. War die ideale Ergänzung.
schönen Abend.
Hallo,
ja wunderbar #giggle#
ihr konntet mir da gut weiterhelfen - jacs hatte da den richtigen Riecher...
CSS will gelernt sein.
Danke jacs, danke toyde 😉
Ich habe mich wohl zu früh gefreut... nein, nein ich habe ja immerhin schon Teilerfolge
a.menu_links:hover {}
funktioniert.
Ich hatte gedacht, auf die gleiche Art und Weise kann ich nun auch mit active verfahren:
a.menu_links:active {}
Auf diese Art und Weise spricht er active nicht an - d.h., ich möchte die Seite, die gerade aktiv ist, mit einem css versehen - wie gesagt, im Hauptmenü - dann im Untermenü - das Aussehen soll für die Seite, die gerade aktiv ist bzw. der Link soll im Hauptmenü wie im Untermenü gleich aussehen.
Hat hier jemand noch einen Tip?
Gruß
active solltest du im TMENU über den Zustand ACT ansprechen und diesem die gewünschte CSS-Klasse übergeben
1.ACT=1
1.ACT {
[...]
}
Dabei definiert ACT alle Menüpunkte in deiner rootline (alle Überseiten deiner aktuellen Seite) und CUR deine aktuelle Seite. Bei deinem Code musst du also vor allem noch CUR = 1 etc einfügen.
Dabei definiert ACT alle Menüpunkte in deiner rootline (alle Überseiten deiner aktuellen Seite
und deine aktuelle Seite)
Hallo,
ich würde gerne noch einen Punkt in die Navigation einfügen bzw. vor den Navigationspunkt der Seite, die gerade zur Ansicht geöffnet ist #paralyzed#
Mein css:
.list {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
margin:0;
list-style:inside circle;
color: #009999;
text-align:middle;
}
Nun bin ich mir unsicher, ob list-style:inside circle; der richtige Weg ist.
Auch versuchte ich es mit:
1.ACT = 1
allWrap = |<br>|
linkWrap=<li> |</li>
1.ACT.ATagParams = class="list"
Das css wird angesprochen, die Schrift erscheint richtig, auch fett und in der richtigen Farbe, das List-Element erscheint so gut wie gar nicht. Ich bin mit dem Einbinden von linkWrap und allWrap noch nicht so vertraut, daher springt er in der Navigation auch an verschiedene Plätze, er soll ja an einem Platz bleiben...
Hier nochmal mein Menü:
MENU_LINKS=HMENU
MENU_LINKS {
special=directory
special.value=49
entryLevel=1
1=TMENU
1.NO=1
1.NO {
XY=178, 24
# Text auf Menüpunkt rendern
10=TEXT
10.text.field=title
10.fontColor=#006699
10.fontFile=fileadmin/fonts/verdana.ttf
10.fontSize=12
10.niceText=1
10.offset=14, 16
allWrap = <br>|<img
src="fileadmin/linie_quer.gif" width="178" height="1"><br> linkWrap= |
ATagParams=class="menu_links"
20.offset=0, 23
}
2=TMENU
2.NO=1
2.NO {
XY=178, 24
# Text auf Menüpunkt rendern
10=TEXT
10.text.field=title
10.fontColor=006666
10.fontFile=fileadmin/fonts/verdana.ttf
10.fontSize=12
10.niceText=1
10.offset=14, 16
allWrap = |<br>|
linkWrap= |
ATagParams=class="menu_links_unten"
10.offset=0, 23
}
1.ACT = 1
allWrap = |<br>|
linkWrap=<li> |</li>
1.ACT.ATagParams = class="list"
}
1. Ich hoffe du definierst ul irgendwo
2. Du solltest Dir mal genauer den post von toyde anschauen - da steht die Lösung drin (atagparams...)
sprich
linkWrap=<li class="list"> |</li>
# statt 1.ACT.ATagParams = class="list"
hm..
Auf diese Art und Weise spricht er active nicht an - d.h., ich möchte die Seite, die gerade aktiv ist, mit einem css versehen -
toyde schriebEs bietet sich an, den Status von NO u. ACT im TypoScript mit 2 Klassen zu versehen (z.B. sinngemäss mit "navi-no", "navi-act").
ich würde gerne noch einen Punkt in die Navigation einfügen bzw. vor den Navigationspunkt der Seite, die gerade zur Ansicht geöffnet ist
toyde schriebBei manchen Konstellationen möchten ebenfalls Zeichen vor bzw. hinter Navigationspunkten formatiert werden. Die ATagParams..
Für was schreib ich überhaupt vorbeugend Tipps in's Forum? Kann mir in zukunft gut gemeinten Rat in diesem Sinne sparen.
Hey Toyde, nicht aufgeben - Claudia hat sicher so viel gelesen und "gehirnt" (- ist das wirklich schweizerisch für nachgedacht?), dass sie hier und dort was übersehen/überlesen hat. :o
Hallo,
vielen, vielen Dank für die vielen Tipps toyde und jacs. Konnte mich jetzt ein paar Stunden um Typo3 nicht kümmern, dafür jetzt wieder um so mehr 😃
-Bin also nicht verschollen.
Also ich habe echt nicht gedacht, dass die Navigationsstruktru aufzubauen, bei Typo3 so aufhalten kann - Formatierung hin Formatierung her...
o.k. zwei css-Zustände.
Problem ist jetzt auch noch, dass ich unter Zeitdruck bin - bis morgen sollen die Punkte so dargestellt sein, dass das ansehlich aussieht... hm. Auch soll der Navigationsstrich nicht wie bisher unter dem Navigationspunkt des Hauptmenüs dargestellt werden - sondern unter dem letzten Punkt des Untermenüs, für den Fall, dass ein Untermenü aufklappt... #paralyzed#
Ich versuch es erst einmal mit 2 css-Klassen, melde mich dann wieder.
Gruß,
Claudia
Grüß Gott - oder einen Gruß an die Schweiz!
Ich muss jetzt doch noch mal auf den CUR-Zustand in meinem Menü zurückkommen. Nun ist es so, dass ich Probleme habe, die Ausnahme zu definieren:
Also: die Struktur soll eigentlich genauso aussehen wie diese hier
www.weleda.de (Klick auf einen der oberen Navigationspunkte, dann die linke Struktur...)
(die Abstände müssen nicht so ganz stimmen, aber halt die Striche, und die Punkte im CUR-Zustand). Nun, soweit sogut. Ohne CUR-Zustand ist es schon ganz o.k. bei mir. Binde ich den <li> Tag ein, habe ich diverse Probs mit Zeilenumbrüchen... das Hauptproblem ist allerdings, es soll ja beim CUR-Zustand auf einen Punkt im Hauptmenü der Strich darunter nicht mehr angezeigt werden, sonst aber schon. Der Strich über jeder Navigation im Hauptmenü - und nur im Hauptmenü soll aber generell schon angezeigt werden, nur nicht bei dem ersten Menüpunkt oben. Bei dem letzten Hauptmenüpunkt soll der Strich dann wieder unten angezeigt werden. Das macht mir irgendwie Kopfschmerzen - na ja. Seit geraumer Zeit schon 😢
Kann mir da jemand weiterhelfen?