Problem mit Linksfarben

Kevin07 · 26. September 2007 15:38

Hallo,Guten Tag

Ich hab ein Problem mit der Änderung der Linksfarben.Die Links sind von Typo3 automatisch erstellt,nun wollte ich andere Farbe haben,hab versucht folgendes zu schreiben..aber sie ändert sich nicht,warum??

...
MENU_OBEN.1 = TMENU
       MENU_OBEN.1.NO = 1
       MENU_OBEN.1.No.ATagParams = class = "linkWeiss"

Danke im Voraus

MFG

Michaelh74 · 26. September 2007 17:09

Schwer zu sagen. Taucht die Klasse auch im Quelltext der HMTL Ausgabe auf?

Über eher eine wrap um das NO setzen und dann z.B.

.menu_main A {
    color: #FFFFFF;
}

Gruß
Michael

SLAng · 26. September 2007 17:23

Der Fehler steckt im Detail wie mir scheint ;-)

Schreib mal lieber das "o" von "MENU_OBEN.1.No.ATagParams = class = "linkWeiss"" groß. dann sollte es klappen

Also so:

MENU_OBEN.1.NO.ATagParams = class="linkWeiss"

Kevin07 · 26. September 2007 17:53

Danke euch sehr🙂

@Michaelh74: In meinem HTML-Text ist die default-Farbe für ###MENU_OBEN### schon definiert wie das folgende:

<td width="100%" bgcolor="#478951" align="right"
 valign="middle"><small><img
 src="clear.gif" width="1" height="3"><br>
 [b]<font face="Arial" size="1"
 color="#FFFFFF">[/b]###MENU_OBEN###</font><img
 src="clear.gif" width="10" height="15"
 align="middle">
 </td>

@SLAng: Sorry,o ist in meinem Typo3-Setup auch groß geschrieben worden,aber es klappt immer nicht mit der Farbeänderung..

mein Programm ist:

MENU_OBEN = HMENU
       MENU_OBEN.special = directory
       MENU_OBEN.special.value = 54
       
       MENU_OBEN.1 = TMENU
       MENU_OBEN.1.NO = 1
       MENU_OBEN.1.NO.ATagParams = class = "linkWeiss" 
       MENU_OBEN.1.NO.linkWrap = &nbsp;|&nbsp;&#124;|*|&nbsp;|&nbsp;&#124;|*|&nbsp;|

Danke sehr nochmal!!

MFG

SLAng · 26. September 2007 18:54

Dann schätze ich das in deiner Class was nicht stimmt. Es ist so auf jeden Fall richtig...

Was steht denn im Quelltext? Steht da in den Links <a class="linkWeiss" href="...">...</a>? Das das Case-sensitiv ist, weisst du ja, gell?

Kevin07 · 26. September 2007 21:11

Hallo,danke nochmal😉

Im Quelltext steht das Folgende Programm:

...
<td width="100%" bgcolor="#478951" align="right"
 valign="middle"><small><img
 src="clear.gif" width="1" height="3"><br>
 <font face="Arial" size="1"
 color="#FFFFFF">&nbsp;<a href="index.php?id=58" onfocus="blurLink(this);"  class = "linkWeiss">Homepage</a>&nbsp;&#124;&nbsp;<a href="index.php?id=57" onfocus="blurLink(this);"  class = "linkWeiss">Sitemap</a>&nbsp;&#124;&nbsp;<a href="index.php?id=56" onfocus="blurLink(this);"  class = "linkWeiss">Impressum</a>&nbsp;&#124;&nbsp;<a href="index.php?id=55" onfocus="blurLink(this);"  class = "linkWeiss">Kontakt</a></font><img
 src="clear.gif" width="10" height="15"
 align="middle">

 </td>
...

Ich denke das onfocus="blurLink(this);" sollte wahrscheinlich gelöscht werden?

oder?? Aber Farbe-Definition für Links steht nicht im originalen HTML-Text,welche ich in Typo3 eingefügt habe...

HG

SLAng · 26. September 2007 21:24

Nein, das onFocus braucht nicht gelöscht werden...

Entfern mal die Leerzeichen nach class und nach dem =. Das kann auch zu Fehlern führen... Das ist aber nicht die lösung des Problems...

Und was steht in der Class linkWeiss...
poste die Class auch mal

Kevin07 · 26. September 2007 21:50

Sorry🙂 Welche Klasse von linkWeiss meinste du?

Im Typoscript oder im HTML(das Original)??

Außerdem hab ich die Methode für Farbeänderung aus der Seite 108 von Typo3-Dokumentation http://www.mittwald.de/fileadmin/pdf/dokumentation.pdf genommen.

Danke

HG

Unbekannter Benutzer · 27. September 2007 07:42

Dir ist aber schon klar, was eine CSS Datei ist und wie du dort eine Class definierst?

Michaelh74 · 27. September 2007 08:42

Kevin07 schrieb
In meinem HTML-Text ist die default-Farbe für ###MENU_OBEN### schon definiert wie das folgende:

Die Farbe eines Bereichs wie DIV oder TD wird NICHT automatisch an den Link vererbt - auch wenn er dort drin steht. Deshalb .menu_main A {...} !

Die Leerzeichen müssen natürlich im TS bei der Klasse "linkWeiss" raus, damit sich das auch auf die Ausgabe auswirkt.

Wie sieht denn Dein CSS aus?

Gruß
Michael

SLAng · 27. September 2007 18:40

Ok, also so funktioniert das nicht...

Wenn du per ATagParams eine class definierst, dann musst du die auch in deiner CSS-Datei beschreiben.

als Beispiel:

.linkWeiss { color:#FFF; }

Also, hast du überhaupt eine CSS-Datei?

Kevin07 · 2. Oktober 2007 18:43

Herzlichen Dank für eure Antwortungen,ich werde erstmal css weglassen..später damit anfangen zu lernen.

Eine CSS Datein habe ich von der Typo3-Dokumentation genommen...

MFG

Kevin07 · 6. Oktober 2007 20:50

Hallo,hier stelle ich weiter meine Frage,danke im Voraus!!

@ Michaelh74: Ich hab nur eine css-datein namens style.css und hatte sie von Typo3-Dokumentation vorgenommen,sie sieht wie das folgende Programm aus:

body {
    color: black; 
    background-color: rgb(170, 170, 170);
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0;
    text-align: center;  
  }

  div#Middle {
    text-align: left;    
    margin: 0 auto;     
    height: 500px;
    
  }

  div#Page {
    text-align: left;    
    margin: 0 auto;      
    width: 800px;
    padding: 0.5em;
    background-color: rgb(200, 200, 200);
  }

  html>body div#Page {
    border-color: gray; 
  }

  div#Menu {
    font-size: 9pt;
    float: left; 
    width: 200px;
    height: 100%;
    margin: 0; padding: 0;
    background-color: rgb(102, 165, 82);
  }

  div#Menu a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  div#Menu a:link {
    color: black; background-color: #eee;
  }
  div#Menu a:visited {
    color: #666; background-color: #eee;
  }
  div#Menu a:hover {
    color: black; background-color: white;
  }
  div#Menu a:active {
    color: white; background-color: gray;
  }


  .level1 {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
  }

  .level2{
	margin-left: 20px;
	margin-right: 10px;
  }	

  div#Content {
    margin-left: 200px;
    padding: 0 1em;
    border: 1px dashed silver;
  }
  div#Content h1 {
    font-size: 1.5em;
    margin: 0 0 1em;
  }
  div#Content h2 {
    font-size: 1.2em;
    margin: 0 0 1em;
  }
  div#Content p {
    font-size:1em;
    margin: 1em 0;
  }

  div#TopLayer {
    width: 100%;
    background-color: rgb(250, 136, 0);
    height: 20px;
  }

  div#LogoLayer {
    width: 100%;
    background-color: rgb(255,255,255);
    height: 70px;
  }

  div#RootlineLayer {
    width: 100%;
    background-color: rgb(102, 165, 82);
    height: 20px;
  }

  div#FooterLayer {
    width: 100%;
    background-color: rgb(250, 136, 0);
    height: 20px;
  }

wie und wo muss ich ändern?

@ SLAng: Wo muss ich in meiner css-datein für .linkWeiss { color:#FFF; } definieren?

Danke sehr!

MFG

ReneBo · 7. Oktober 2007 07:53

Hay!

Also die CSS-Definition kannst Du irgendwo in die CSS schreiben.
Z.B. so:

.linkWeiss a { color:#FFF; text-decoration:none;}
.linkWeiss a:link { color:#FFF; text-decoration:none;}
.linkWeiss a:hover { color:red; text-decoration:none;}

Rene

SLAng · 7. Oktober 2007 07:59

Ich würde empfehlen die erstmal mit CSS überhaupt zu beschäftigen...
CSS ist sehr einfach und äußerst schnell zu erlernen.

Einen sehr guten Einstieg bietet das hier:
http://de.selfhtml.org/css/index.htm

Eine gute Referenz findest du außerdem hier:
http://www.css4you.de

Gr42 · 8. Oktober 2007 10:09

Hallo Kevin,

Kevin07 schrieb
Hallo,danke nochmal😉

Im Quelltext steht das Folgende Programm:

1.) Ich sag es nicht gerne, weil sich manche Leute dann auf den Schlips getreten fühlen, aber ich möchte nur helfen: Du solltest Dich dringend mit HTML auseinandersetzen!
2.) Weder mit TyposCript, noch mit CSS oder mit HTML erzeugt man Programme.

Im Einzelnen zu Deinem Quellcode:
1.) entweder arbeitest Du mit einem zentralen CSS oder mit inline-Styles. Beide Methoden zu mischen führt fast immer zu ewiger Fehlersucherei. Das zentrale stylesheet ist den Inline-Styles in jedem Fall vorzuziehen!
2.) Menüs sind Linklisten, daher sollte dafür auch das HTL-Listen-Element verwendet werden.
3.) <b> ist veraltet - weg damit!
4.) <small> ist veraltet - weg damit!
5.) <font> ist veraltet - weg damit!
6.) align ist für <img> veraltet...

Wenn man das alles zusammennimmt, entsteht der Eindruck, dass Du Dein HTML nicht sehr sorgfältig vorbereitet hast. Daher mal die Frage: ist Dein Code valide? Erst wenn alle HTML- und CSS-Fehler behoben sind, solltest Du nach weiteren Fehlern suchen, die z. B. im typoScript stecken - das kann sehr viel Zeit sparen!

Kevin07 schrieb

...
<td width="100%" bgcolor="#478951" align="right"
 valign="middle"><small><img
 src="clear.gif" width="1" height="3"><br>
 <font face="Arial" size="1"
 color="#FFFFFF">&nbsp;<a href="index.php?id=58" onfocus="blurLink(this);"  class = "linkWeiss">Homepage</a>&nbsp;&#124;&nbsp;<a href="index.php?id=57" onfocus="blurLink(this);"  class = "linkWeiss">Sitemap</a>&nbsp;&#124;&nbsp;<a href="index.php?id=56" onfocus="blurLink(this);"  class = "linkWeiss">Impressum</a>&nbsp;&#124;&nbsp;<a href="index.php?id=55" onfocus="blurLink(this);"  class = "linkWeiss">Kontakt</a></font><img
 src="clear.gif" width="10" height="15"
 align="middle">

 </td>
...

Ich denke das onfocus="blurLink(this);" sollte wahrscheinlich gelöscht werden?

oder?? Aber Farbe-Definition für Links steht nicht im originalen HTML-Text,welche ich in Typo3 eingefügt habe...

Hast Du Dein HTML mit Frantpage erzeugt?

Wie gesagt: bring Deinen Code in Ordnung, dann funktioniert es vielleicht schon. Wer weiß was da bei Dir an zentralen Formaten und inline-Styles sich so alles gegenseitig überschreibt...

Es tut mir leid: Das ist jetzt zwar keine schnelle Lösung für Dein Problem, allerdings ist das Aufräumen meiner Meinung nach in diesem Fall wirklich notwendig...

Viele Grüße,

Marc.

Gr42 · 8. Oktober 2007 10:13

Hallo Kevin,

ReneBo schrieb
.linkWeiss a:hover { color:red; text-decoration:none;}

Obwohl das Beispiel von Rene funktioniert: Statt color:red schreibst Du besser color:#ff0000;

Dann kannst Du red zum Beispiel für Debugging-Zwecke nutzen.

Gruß,

Marc

Gr42 · 8. Oktober 2007 10:20

Kevin07 schrieb
@ Michaelh74: Ich hab nur eine css-datein namens style.css und hatte sie von Typo3-Dokumentation vorgenommen,sie sieht wie das folgende Programm aus:

Die Beispiele eignen sich zwar um typo3 zu lernen, aber sie sind schon recht betagt - das HTML, das dort verwendet wird, ist keinesfalls dazu geeignet, es in ein neues Webangebot zu übernehmen. Es ist schlichtweg veraltet.

Kevin07 schrieb
@ SLAng: Wo muss ich in meiner css-datein für .linkWeiss { color:#FFF; } definieren?

Schreib es einfach ans Ende. Damit dürfte dieses eine Problem jetzt erst mal erledigt sein, aber Du wirst längerfristig keine Freude mit dem hier geposteten HTML- und CSS-Code haben...

Beschäftige Dich damit und schreibe Dein eigenes HTML/CSS...

Viele Grüße,

Marc.

Kevin07 · 8. Oktober 2007 21:56

Vielen,Vielen Dank für euere sorfältige Antwortungen 🙂

Ich habe wirklich schon einige Probleme mit Typo3,das ich beim lernen noch nicht gut verstanden habe.

Ich habe seit einem Monate damit angefangen zu lernen,eigentlich wollte nur mal Typo3 lernen.

Ich lerne ab diese Woche einbisschen CSS und es würde vielleicht mir bei der Anwendung der Webprogramierung helfen..

MFG