Zum Inhalt springen

css style greift nicht richtig

Erstellt am 19. Juli 2004 · 10 Antworten · letzte Antwort am 19. Juli 2004

Tags: HTML & CSS, Frage

4zap ·

Hallo

hab ein externes Style Sheet eingebunden um meine Inhalte zu formatieren. Das funktioniert auch teilweise.

Menues: Style Sheet funktioniert bis auf a.active
Das wird nicht richtig definiert oder ignoriert von typo3...weiß ich jetzt nicht so genau. Aber genau diese a.active ist sehr wichtig.

Die Klasse sieht so aus:

a.nav { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
font-size: 11px; 
font-weight: bold;	
text-decoration: none; 
color: #FFFFFF;
} 
a.nav:ACTIVE { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFF00; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}
a.nav:HOVER { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFF00; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}

Im Content werden die Styles gar nicht dargestellt, aber das ist wohl ein anderes Problem, das ich noch lösen muss. Die css Datei ist über die

seite.stylesheet = fileadmin/template/style.css

eingebunden im Setup. Wie gesagt, er funzt ja teilweise....

Sieht da irgendjemand einen Fehler? Ich find keinen. Spielt da mein Browser nicht mit? (IE6.0)
Gibts es irgendwelche Konformitäten die man bei CSS styles beachten muss in Typo3???

hilflosen Gruß aus Berlin

Rainer

p.s.: Ja ich hab gesucht...aber bin dadurch nicht schlauer....noch nicht.

jweiland ·

Die Definitionen für Links müssen in dieser Reihenfolge sein:

link
visited
hover
active

d.h. active darf nicht vor hover definiert werden

Jochen Weiland

4zap ·

Hallo Jochen

danke für den Tipp, aber es funktioniert auch nicht in der Reihenfolge.

a.nav.LINK { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
font-size: 11px; 
font-weight: bold;	
text-decoration: none; 
color: #FFFFFF;
} 
a.nav:VISITED { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}
a.nav:HOVER { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFF00; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}
a.nav:ACTIVE { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFF00; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}

So hab ich das mal umgeschrieben und auf den Server geschickt. a.active wird immer noch ignoriert. Was muss ich noch beachten? Syntaxfehler schließ ich mal aus....sitz aber auch schon 10 Stunden wieder vor Typo3 und verlier langsam den Überblick.

Gruß und Danke

Rainer

jweiland ·

Wäre ja auch zu schön gewesen, wenn es auf Anhieb geklappt hätte...

Noch zwei Ideen: link, visited, hover, active kleinschreiben
Mal mit einem CSS Validator die Datei prüfen (www.w3.org)

Jochen Weiland

helpy ·

Hallo Rainer,

Könnte es sein, dass Du die CSS-Anweisung a.nav:ACTIVE { ... } falsch interpretierst!. a:active hat nichts mit dem gerade aktiven Menü-Punkt zu tun, sondern damit, ob ein Link den Fokus hat (bei Klick auf den Link, oder wenn man mit der Tabulator-Taste den Fokus zu einem Link bewegt).

cu, helpy

doku ·

darauf tippe ich auch.
der zustand den du wahrscheinlich meinst wird in typoscript in einem TMENU mit dem zustand CUR beschrieben.
das hat mit css active nix zu tun.

4zap ·
jweiland schrieb

Wäre ja auch zu schön gewesen, wenn es auf Anhieb geklappt hätte...

Noch zwei Ideen: link, visited, hover, active kleinschreiben
Mal mit einem CSS Validator die Datei prüfen (www.w3.org)

Jochen Weiland

Hallo Jochen,

Datei ist gültig (lt. w3.org) und auch so funktioniert es nicht. Hmmmm.....

Hallo Rainer,

Könnte es sein, dass Du die CSS-Anweisung a.nav:ACTIVE { ... } falsch interpretierst!. a:active hat nichts mit dem gerade aktiven Menü-Punkt zu tun, sondern damit, ob ein Link den Fokus hat (bei Klick auf den Link, oder wenn man mit der Tabulator-Taste den Fokus zu einem Link bewegt).

cu, helpy

Aha, a.active hat nix mit dem akt. Link zu tun? Also sollte ich es mit CUR im TS probieren? Die Überlegung hatte ich ganz kurz auch schon, aber wieder verworfen, da ich a.active dem aktuellen gültigem Link zuordne. Wenn typo3 das anders sieht, werd ich mich wohl anpassen müssen.

man lernt doch nie aus......ich probiere und werde gleich berichten obs der Fehler war....

Danke an euch beide für die Hinweise.

Gruß aus dem schwülen Kreuzberg

Rainer

4zap ·

So

jetzt steh ich wieder auf dem Schlauch:

Wenn ich CUR einbinde wäre die Frage, wo und wie das noch zusätzlich einbinde? Dann müsste ich die CSS Klasse doch innerhalb des CUR einsetzen? oder? Wie soll das denn gehen? JEtzt bin ich völlig wuschig im Kopf...

  marks.NAVI_LINKS = HMENU
  marks.NAVI_LINKS.excludeUidList = 131,132,142,129
  marks.NAVI_LINKS.wrap = <table width=160" border="0" bgcolor="#4682B4" cellpadding="0" cellspacing="0">|</table>
  marks.NAVI_LINKS.1 = TMENU
  marks.NAVI_LINKS.1 {
    expAll = 0
    NO {
      allWrap = <tr><td valign="top">|</td></tr>
      linkWrap = <table width="160" border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td colspan="2" valign="top"><img src="fileadmin/template/images/trenn_weiss1.gif" width="160" height="1"><img src="clear.gif" width="100%" height="3"></td></tr><tr><td width="16" valign="top"><img src="clear.gif" width="8" height="2"><img src="fileadmin/template/images/pfeil_rechts_weiss.gif" width="8" height="8" hspace="4"></td><td width="144"><div align="left">|</div></td></tr><tr><td colspan="2" valign="top"><img src="clear.gif" width="100%" height="3"></td></tr></table>
      ATagParams = class="nav"
}

    ACT < .NO
    ACT = 1
    ACT {
   ATagParams = class="nav" 
   linkWrap = <table width="160" border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td colspan="2" valign="top"><img src="fileadmin/template/images/trenn_weiss1.gif" width="160" height="1"><img src="clear.gif" width="100%" height="3"></td></tr><tr><td width="16" valign="top"><img src="clear.gif" width="8" height="2"><img src="fileadmin/template/images/pfeil_runter_gelb.gif" width="8" height="8" hspace="4"></td><td width="144"><div align="left">|</div></td></tr><tr><td colspan="2" valign="top"><img src="clear.gif" width="100%" height="3"></td></tr></table>
    }

ist meine erste Ebene im Menü. Alle Menuepunktformatierungen definiere ich im STyleSheet.
Wie setz ich jetzt die Klassendefinition in das CUR?

(mach gleich erstmal Pause, glaub ich)

doku ·

immer schön locker bleiben...😉

4zap schrieb

Dann müsste ich die CSS Klasse doch innerhalb des CUR einsetzen? oder?

richtig

4zap schrieb

Wie soll das denn gehen? JEtzt bin ich völlig wuschig im Kopf...

eine neue css klasse mit denselben eigenschaften ausstatten wie dein active und einfach als styledefinition in deinen wahnsinnstabellenturbomegawrap reinschreiben...

4zap ·
doku schrieb

immer schön locker bleiben...😉

4zap schrieb

Dann müsste ich die CSS Klasse doch innerhalb des CUR einsetzen? oder?

richtig

4zap schrieb

Wie soll das denn gehen? JEtzt bin ich völlig wuschig im Kopf...

eine neue css klasse mit denselben eigenschaften ausstatten wie dein active und einfach als styledefinition in deinen wahnsinnstabellenturbomegawrap reinschreiben...

Hi Doku

nix gegen meinen MEGA Tabellen wrap! Da bin ich ganz stolz drauf, das das so funzt wie ich das haben will. *g*
Geht bestimmt auch einfacher mit GMENU aber ich wollt das so im TMENU STyle haben.

Hab das jetzt so gemacht, das ich eine neue CSS Klasse angelegt habe und die Klasse bei CUR eingetragen habe mit den aktiven Link Parametern....und es FUNZT!

😃 Tag gerettet.....jetzt kann ich mich dem nächsten Problem widmen......meine Suche findet nix, obwohl der Startpoint richtig ist. Suchseiten werden auch alle angezeigt. Nur ist das Suchergebnis immer = 0 "no result"......

DANKE IHR DREI!

Gruß

Rainer

4zap ·

und der Anschiss lauert überall.....jetzt wirds kompliziert.

wenn ich jetzt einen Menuepunkt aus der 2. Ebene anwähle verschwindet mein Style wieder......also muss ich den Style auch noch für ACT eintragen sonst gehts nicht korrekt, weil CUR ja nur die 1. Ebene hier definiert.

ICh schreib hier nur die Aufsätze für die "Suchenden"...die nach Lösungen suchen. Es gibt hier leider massig Beiträge die die Lösung nicht hergeben. Das werd ich mal ändern.*g* #giggle#