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
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
Dir ist aber schon klar, was eine CSS Datei ist und wie du dort eine Class definierst?
Kevin07 schriebIn 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
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?
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
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
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
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
Hallo Kevin,
Kevin07 schriebHallo,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"> <a href="index.php?id=58" onfocus="blurLink(this);" class = "linkWeiss">Homepage</a> | <a href="index.php?id=57" onfocus="blurLink(this);" class = "linkWeiss">Sitemap</a> | <a href="index.php?id=56" onfocus="blurLink(this);" class = "linkWeiss">Impressum</a> | <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.
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
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.
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