nicht angemeldet
Schriftfarbe
Hallo ich hab ein Problem. Und zwar hab ich diesen CSS Code:
tr {
text-decoration:none;
font-family:Arial;
font-size:16px;
width:100%;
color:white;
}
td {
padding:5px;
}
tr:hover {
text-decoration:none;
font-family:Arial;
color:white;
font-size:24px;
background-color:black;
width:100%;
font-weight:bold;
}
tr:active {
text-decoration:none;
font-family:Arial;
font-size:24px;
background-color:black;
width:100%;
font-weight:bold;
color:white;
}
Wenn ich jetzt aber auf die Zeile gehe die, die Farbe ändern soll ändert sich nur der Hintergrund auf schwarz... Die Schrift die ja sowieso schon schwarz ist sieht man nicht mehr... Das Problem was ich jetz hab ist, dass ich nicht weiß wie ich das machen soll, dass die Schrift zu weiß wird.
-
Hi,
Hallo ich hab ein Problem. Und zwar hab ich diesen CSS Code:
er enthält mehr als ein Problem. Warum beispielsweise gibst Du keine generische Schriftfamilie an? Warum gibst Du table-row-Elementen eine Breite, oder sind Deine <tr>-Elemente nicht vom Typ table-row? Wozu die vielen Wiederholungen?
Die Schrift die ja sowieso schon schwarz ist
Laut Deinem Code ist die Schrift weiß, egal in welchem Zustand die Zeile ist.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hier ist der gesamte CSS Code:
body {
background-color:"#FFFFFF";
font-familiy:arial;
font-size:16px;
color:black;
}tr {
text-decoration:none;
font-family:Arial;
font-size:16px;
width:100%;
color:white;
}td {
padding:5px;
}tr:hover {
text-decoration:none;
font-family:Arial;
color:white;
font-size:24px;
background-color:black;
width:100%;
font-weight:bold;}
tr:active {
text-decoration:none;
font-family:Arial;
font-size:24px;
background-color:black;
width:100%;
font-weight:bold;
color:white;
}a {
text-decoration:none;
font-family:Arial;
font-size:24px;
font-weight:bold;
color:black;
}a:hover {
text-decoration:none;
font-family:Arial;
font-size:24px;
font-weight:bold;
color:white;
}.intro_schrift {
text-align:center;
text-decoration:none;
font-family:"Brush Script MT";
font-size:80px;
width:100%;
color:black;
}h1 {
text-align:center;
text-decoration:none;
font-family:"Brush Script MT";
font-size:24px;
width:100%;
color:black;
}h2 {
text-align:center;
text-decoration:none;
font-family:Arial;
font-size:24px;
width:100%;
color:black;
}Ist daran so viel falsch???
Ich hab gedacht ich kopier nur den bestimmten Teil heraus mit dem tr ;)-
Hi,
Hier ist der gesamte CSS Code:
Schritt 1: Validiere ihn. Er ist zunächst einmal sehr, sehr offensichtlich fehlerhaft.
font-familiy:arial;
Generische Schriftfamilie fehlt noch immer.
tr {
width:100%;Tabellenzeilen haben keine Breite.
Ist daran so viel falsch???
Genug. Außerdem möchte ich meinen Hinweis auf die vielen Wiederholungen nicht wiederholen.
Ich hab gedacht ich kopier nur den bestimmten Teil heraus mit dem tr ;)
Tja, mit dem Teil gab es ausschließlich die Schriftfarbe weiß, insofern war Dein Problem eines aus dem Bereich der Mythen und Legenden. Jetzt gibt es immerhin Elemente, die schwarze Schrift besitzen - nämlich den <body> und <a>-Elemente, die gerade nicht vom Mauszeiger überfahren werden. Es kann also schon mal gemutmaßt werden, dass Dein HTML-Code innerhalb der Tabellenzeilen <body>- oder <a>-Elemente besitzt. Das bringt uns theoretisch reichlich trivial direkt zur Lösung.
Praktisch bringt es uns zu einem völlig neuen Problem, dessen Lösung Dein aktuelles Problem obsolet macht: Du arbeitest wahrscheinlich mit Tabellenlayout, und Deine HTML-Struktur wird vom CSS-Code nicht wertgeschätzt. Die Erfahrung zeigt, dass Du Deinen HTML-Code selbst da, wo Du keine Tabellen für Layoutzwecke missbrauchst, auf Deinem CSS-Code basieren lassen wirst. Dies hat zwangsläufig zur Folge, dass Dein HTML- *und* Dein CSS-Code ein Fall für Ganzkörperkastration sind: Weg damit.
Beschäftige Dich mit semantischem Markup und mit CSS-Selektoren, beginnend beim Nachfahrenselektor. Baue Deinen HTML-Code neu auf.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
-
Wenn ich jetzt aber auf die Zeile gehe die, die Farbe ändern soll ändert sich nur der Hintergrund auf schwarz... Die Schrift die ja sowieso schon schwarz ist sieht man nicht mehr... Das Problem was ich jetz hab ist, dass ic nicht weiß wie ich das machen soll, dass die Schrift zu weiß wird.
Folgendes leistet das Verlangte in IE, FF und Opera (nach Beseitigung der Redundanzen)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Page title</title> <style type="text/css"> table { width:100%} tr { text-decoration:none; font:16px bold sans-serif; color:black; } td { padding:5px; } tr:hover, tr:active { color:white; background-color:black; } </style> </head> <body> <div> <table summary=""> <colgroup><col width="33%" span="3"></col></colgroup> <tr><td>aaa</td><td>bbb</td><td>ccc</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td></tr> </table> </div> </body> </html>Gruß H.