Hallo Leute,
ich habe folgende Frage:
Ich habe das Dokumentationsbeispiel mit einem anderen Template und einer anderen CSS-Datei nachgebaut. Eigentlich funktioniert alles auch prima, nur werden im Menü oben nicht meine Styles übernommen.
Folgende Angabe habe ich gemacht:
MENU_OBEN.1.ATagParams = class="a:link"
Der Style in der CSS-Datei sieht so aus:
<!-- Stylesheetangaben fuer Hyperlinks -->
a:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a:visited { color:#ff8000; text-decoration:none; }
a:active { color:#ff0080; text-decoration:underline; }
A:hover {text-decoration: underline; color: #cc0000}
Typo3 nimmt aber eigene Styles. So wird der Link weiß dargestellt und bei hover gelb. Alle anderen Sytleangabe funktionieren aber korrekt. Was mache ich falsch?
Danke für Eure Hilfe
MENU_OBEN.1.ATagParams = class="menu"
[b]<stylesheet>[/b]
a.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a.menu:visited { color:#ff8000; text-decoration:none; }
a.menu:active { color:#ff0080; text-decoration:underline; }
a.menu:hover {text-decoration: underline; color: #cc0000; }
Machs mal so, dann müssten die Menüpunkte entsprechend angepasst werden, und du kannst über deine normalen a:link etc. alle anderen links auf der Seite anders definieren!
Habe das so eingebunden, allerdings kein Erfolg dabei gehabt. Im Netscape wird übrigens im Menü gar kein Style eingelesen. Da ist alles in Blau und Times oder so ähnlich. Also Standardlink
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBEN.1.ATagParams = class="menu"
[b]<stylesheet>[/b]
a.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a.menu:visited { color:#ff8000; text-decoration:none; }
a.menu:active { color:#ff0080; text-decoration:underline; }
a.menu:hover {text-decoration: underline; color: #cc0000; }
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
Also:
Das hier ist Typo Skript und kommt in das Setup des Templates:
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBEN.1.ATagParams = class="menu"
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
Und das hie kommt natürlich in dein Stylesheet, in welchem du alle Definitionen der ganzen Seite drin hast, diese muss natürlich auch im TypoSkript angegeben sein, damit deine Seite darauf zugreift!
a.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a.menu:visited { color:#ff8000; text-decoration:none; }
a.menu:active { color:#ff0080; text-decoration:underline; }
a.menu:hover {text-decoration: underline; color: #cc0000; }
All right?
[/quote]
Hallo Sardine,
das ist mein CSS-Style:
<!-- Stylesheetangaben fuer Hyperlinks -->
a.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a.menu:visited { color:#cc0000; text-decoration:none; }
a.menu:active { color:#cc0000; text-decoration:underline; }
a.menu:hover {text-decoration: underline; color: #cc0000; }
Und das der TS-Code:
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBEN.1.ATagParams = class="menu"
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
Ergebnis? Keine Veränderung. Text ist nach wie vor weiß
Das Stylesgheet habe ich übrigens wie folgt eingebunden:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#ffffff">
stylesheet = fileadmin/brb2.css
Wo liegt bloß der Fehler? Komischerweise sind die Doppelpunkte rot, der Text aber nicht.
Wo kann der Fehler liegen?
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBRN.1.NO = 1
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
MENU_OBEN.1.NO.ATagParams = class="menu"
Machs mal so, dann müsste es gehen!
Hat bei Explorer jetzt prima geklappt. Nur nicht bei Netscape.
Ach ja, wie verhindere ich, daß hinter dem letzten Link ein Doppelpunkt erscheint?
Dazu musst du deine linkWrap Angeben ändern, aber wie genau weiss ich jetzt aus dem Stehgreif nicht, aber in der Doku bzw. der TSRef steht da bestimmt was dazu drin!
Bubu35 schriebAch ja, wie verhindere ich, daß hinter dem letzten Link ein Doppelpunkt erscheint?
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
Wenn Du diesen Zeilenumbruch entfernst sollte das nicht mehr auftreten. Muss so stehen:
MENU_OBEN.1.NO.linkWrap = | : |*|| :; |*| |
Das mit den Doppelpunkten hat jetzt auch geklappt, nur warum übernimmt er die Stylesheetangaben nicht beim Netscape-Browser. Hier ist der Strandardlink blau und unterstrichen, bei Explorer aber so, wie es im Style angegeben ist.
Bubu35 schriebDas mit den Doppelpunkten hat jetzt auch geklappt, nur warum übernimmt er die Stylesheetangaben nicht beim Netscape-Browser. Hier ist der Strandardlink blau und unterstrichen, bei Explorer aber so, wie es im Style angegeben ist.
Da kann man nur raten, z.B. dass Du Fehler im Template oder Stylesheet hast, die der ultimativ beste Browser IE (sorry, couldn't resist) ignoriert.
ändere das hier
a.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
a.menu:visited { color:#ff8000; text-decoration:none; }
a.menu:active { color:#ff0080; text-decoration:underline; }
a.menu:hover {text-decoration: underline; color: #cc0000; }
mal in das hier um
.menu:link { color:#cc0000; text-decoration:none; font-weight: bold;}
.menu:visited { color:#ff8000; text-decoration:none; }
.menu:active { color:#ff0080; text-decoration:underline; }
.menu:hover {text-decoration: underline; color: #cc0000; }