skift linktekstfarve i td på mouseover

Ved at for eksempel at navngive linket og styre det i mouseover på cellen.

Eksempel:
<table width="100"><tr><td bgcolor="gray" onMouseOver="this.style.backgroundColor='black'; et_link.style.color='white';"><a href="#" name="et_link">link</a></td></tr></table>

Kode 

<td><a href="#" class="menu">Link</a></td>


a.menu
{

    color: black;
    background-color: white;
    width: 150px;
    padding-left: 10px;
    padding: 3px;

}

a.menu:hover
{

    color: red;
    background-color: silver;

}

Kode 

<div id="menu">
....
<td><a href="#">Link</a></td>
....
</div>


#menu a
{

    color: black;
    background-color: white;
    padding-left: 10px;
    padding: 3px;

}

#menu a:hover
{

    color: red;
    background-color: silver;

}

okay... jeg har en celle med et link indeni. linket skifter farve på hover, og td'en skifter farve på mouseover, men hvordan kan man få linket til også at skifte farve på td-mouseover?

Kode 

css:
td a{

   width:100%;
   color:black;

}
td a:hover{

   width:100%;
   color:red;

}

html:
<td>
   <a href="#">Link</a>
</td>

Du kan lave det hele i CSS ved at bestemme cellen størrelse med linket:

Kode 

<td><a href="#" class="menu">Link</a></td>


a.menu
{

    color: black;
    background-color: white;
    width: 150px;
    padding-left: 10px;
    padding: 3px;

}

a.menu:hover
{

    color: red;
    background-color: silver;

}

Personligt plejer jeg at "pakke" tabellen ind i en div, som jeg giver et id, så kan behøver jeg ikke give hvert link en class:

Kode 

<div id="menu">
....
<td><a href="#">Link</a></td>
....
</div>


#menu a
{

    color: black;
    background-color: white;
    padding-left: 10px;
    padding: 3px;

}

#menu a:hover
{

    color: red;
    background-color: silver;

}

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

[Redigeret d. 25/10-04 21:15:35 af Ronni Egeriis]