Zum Inhalt springen

Stylesheetproblem

Erstellt am 19. Februar 2005 · 11 Antworten · letzte Antwort am 22. Februar 2005

Tags: Frage

Bubu35 ·

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 =&nbsp;|&nbsp;: |*|
&nbsp;|&nbsp;:; |*| &nbsp;|
Sardine ·

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]

Bubu35 ·

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?

Sardine ·
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!

Bubu35 ·

Hat bei Explorer jetzt prima geklappt. Nur nicht bei Netscape.

Ach ja, wie verhindere ich, daß hinter dem letzten Link ein Doppelpunkt erscheint?

Sardine ·

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!

mstuebner ·
Bubu35 schrieb

Ach 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 = | : |*|| :; |*|  |
Bubu35 ·

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.

mstuebner ·
Bubu35 schrieb

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.

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.

Dander ·

ä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; }