Tabellenzeile soll beim drüberfahren die Farbe wecheln

[Gothicer]

Ich babe mir mal ne Tabelle gebaut.
<table>
    <tr>
      <td bgcolor="#973c00"><a href="">test</a></td>
    </tr>
    <tr...
</table>
Nun wie kann ich es anstellen, dass wenn ich über eine Tabellenzeile fahre das sich der hntergrund die Farbe wechelt?
Geht das irgendwie mit hover {background-color:000000;}?
Oder muss ich dafür ein Bild nehmen?
MfG Gothicer

[Gernot Back]

Hallo Gothicer,

das Thema kommt mit schöner Regelmäßigkeit und auch aktuell gibt es dazu einen Thread:

https://forum.selfhtml.org/?t=105493&m=652334

Gruß Gernot

[Gothicer]

Ok das hat sich erledigt aber jetzt habe ich noch 2 andere fragen.

1. Im head-tag steht bei mir nun Volgendes:
<style type="text/css">
a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
a:hover { text-decoration:none; font-weight:bold; background-color:#d23600; }
a:active { text-decoration:none; font-weight:bold; color:#ffffff; }
a:focus { text-decoration:none; font-weight:bold; background-color:#d23600; }
td a { display:block; width:100%; }
</style>

Wie kriege ich das hin das dieses nur für einen bestimmten bereich gilt? Also das ich dann irgendwo <p id=""> </p> hinschreiben kann und er es dann nur in diesem bereich gilt.

2. In Netscape wird der Tabellenrahmen so komisch schattiert. Wie kann man das verhindern?

[Tim Tepaße]

Hallo Gotikr,

Wie kriege ich das hin das dieses nur für einen bestimmten bereich gilt? Also das ich dann irgendwo <p id=""> </p> hinschreiben kann und er es dann nur in diesem bereich gilt.

In CSS gibt es verschachtelte Selektoren, das sähe dann beispielsweise so aus:

#bla a:link { /* ... */ }  
#bla a:visited { /* ... */ }  
/* ... */

... vorausgesetzt Du hast die ID bla genannt, natürlich.

2. In Netscape wird der Tabellenrahmen so komisch schattiert. Wie kann man das verhindern?

Welchem Netscape? Ansonsten bietet sich die CSS-Eigenschaft border an, insbesondere ein nicht-3D-Effekt für border-style.

Tim

[Gothicer]

ok alles kapiert ich ba gedacht man muss das so schreiben:
#1 { a:link {....
und da währen ja 2 {