Background color und Schriftfarbe in einer Tabellenzelle ändern
macangelo
- javascript
0 Ole0 Ingo Turski- css
0 macangelo
Hi,
Ich will als rollover Effekt die Hintergrund-Farbe einer Tabellenzelle und die Schriftfarbe ändern. Z.B.
Normal: Hintergrundfarbe: weiß, Schriftfarbe: grün
rollover: Hintergrundfarbe: grün, Schriftfarbe: weiß
Ich habe es erst mit css gemacht, aber das macht Netscape auf dem PC nicht mit.
Jetzt habe ich es mit javascript gemacht, klappt auch, der Hintergrund reagiert, wenn ich in der Zelle bin, die Schrift reagiert allerdings erst, wenn ich auch über der Schrift bin (über der Tabellenzelle reicht nicht). Das hätte ich aber gerne!
Ich habe geschrieben:
<td onMouseOver="this.bgColor='#3C734B';this.fgColor='#FFFFFF';" onMouseOut="this.bgColor='#FFFFFF';this.fgColor='#3C734B';">text</td>
Wie kann ich das besser machen?
Ganz herzlichen Dank!
hi
Wie kann ich das besser machen?
arbeite mit style und den entsprechenden eigenschaften
so long
ole
(8-)>
Hi,
Ich habe es erst mit css gemacht, aber das macht Netscape auf dem PC nicht mit.
Du meinst Netscape 4.x? Wenn nicht, dann hast Du einen Fehler gemacht und solltest bei CSS bleiben und Deinen Versuch hier mal posten.
freundliche Grüße
Ingo
Hi Ingo,
gerne, hier mein "Versuch":
.navi { font-size: 11px; padding: 2px; line-spacing: 4px}
td.navi a:link {display: block; width: 100%; height: 100%; line-height: 15px; color: #3C734B}
td.navi a:visited { display: block; width: 100%; height: 100%; line-height: 15px; color: #3C734B}
td.navi a:hover { background: #3C734B; line-height: 15px; color: #FFFFFF}
besten Dank für die Hilfe
macangelo
Hi,
gerne, hier mein "Versuch":
das sollte aber, sofern die td die Klasse navi hat, funktionieren.
Daß die Eigenschaft line-spacing nicht existiert, ist hier nebensächlich.
freundliche Grüße
Ingo
Hi Ingo,
Herzlichen Dank. Ich muss dann mal forschen, ob meine Kunde einen sehr alten Browser genutzt hat oder was...
einen wunderbaren Tag
Macangelo