CSS links innerhalbt tabelle farbe

[lichtscheu]

Nabend,

ich hab mein Menü mit 2 Tabellen aufgebaut. Nun möchte ich das in diesen und NUR in diesen Tabellen die links eine andere farbe haben wenn sie normal oder visited sind, aber ne andere wenn man sie hovert. Wenn ich das mit

#tabellexyz a:link, a:visited, a:active
{
color:#xyz;
}

mache, dann sind alle Links so =(

Was mach ich falsch?

[Kropff]

#tabellexyz a
{
   color: #dadada;
}
#tabellexyz a:hover
{
   color: #aabbcc;
} 

schuss ins blaue. mehr code würde weiter helfen.

gruß
peter

[lichtscheu]

style.css:

#buttonsbig
{
                background-color: #324184;
                margin-left: 6px;
                border-top: solid 1px #000000;
                border-bottom:solid 1px #000000;
                border-left:solid 1px #000000;
                font-size: 12px;
                height: 50px;
}
#buttonsbig a:link, a:visited, a:active
{
                color:#ff9e0d;
                text-decoration:none;
}
#buttonsbig: a:hover
{
                color:#ffffff;
                text-decoration:none;
} 

index.php:

<table width="713" cellpadding="0" cellspacing="0" id="buttonsbig">
<tr>
<td><a href="?page=">Link</a></td>
<td><a href="?page=">Link</a></td>
</tr>
</table> 

[Kropff]

table#buttonsbig td a
{
   ...
}
table#buttonsbig td a:hover
{
   ...
} 

so was?

peter

[Andy2006]

Du kannst auch den <TD> ids und Namen und Class geben, und entsprechend im CSS andere Werte dafür setzen.

[lichtscheu]

Ok wie oben beschrieben ging es nicht.

Habe jetzt mal das a:visited und a:active einzeln festgelegt und jetzt gehts!

Falls mal jemand das gleiche Problem hat, hier mal so wie es bei mir funktioniert ^^

table#buttonssmall a:link
{
                color:#ff9e0d;
                text-decoration:none;
}
table#buttonssmall a:visited
{
                color:#ff9e0d;
                text-decoration:none;
}
table#buttonssmall a:active
{
                color:#ff9e0d;
                text-decoration:none;
}
table#buttonssmall a:hover
{
                color:#ffffff;
                text-decoration:none;
} 

[jahlives]

Du kannst auch den <TD> ids und Namen und Class geben, und entsprechend im CSS andere Werte dafür setzen.

Bei <td> hast du aber zumindest bis zum IE7 kein hover. Bis zum 7-er frisst er es nur bei <a>

Gruss

tobi

[Cr4ck]

Du hättest das, wenn du das mit Kommata machst, folgendermaßen aufschreiben müssen:

#buttonsbig a:link, 
#buttonsbig a:visited, 
#buttonsbig a:active
{
  Code halt
}

Also noch mit #buttonsbig davor