Mouse over met tekst in cel

[EtienneM]

Hoi hoi,

 

Ik ben nu al een poosje aan het klungelen met een mouse over scriptje voor een aantal stukjes tekst (linken) in een tabel.

 

Ik heb in de style opmaak van de html file dit toegevoegd:

a:link {color:#FF0000;} /* unvisited link */

a:visited {color:#00FF00;} /* visited link */

a:hover {color:#FF00FF;} /* mouse over link */

a:active {color:#0000FF;} /* selected link */

 

in de body heb ik bijv dit staan:

 

<table width="900" border="0" BGCOLOR="#D4E4F6">

<tr>

<td width="155" height="35" align="center"><FONT FACE="Geneva, Arial" SIZE=5><a href="wie.html" target="inhoud" class="link"><b>test1</b></a></td>

<td width="155" height="35" align="center"><FONT FACE="Geneva, Arial" SIZE=5><a href="wie.html" target="inhoud" class="link"><b>test2</b></a></td>

<td width="155" height="35" align="center"><FONT FACE="Geneva, Arial" SIZE=5><a href="wie.html" target="inhoud" class="link"><b>test3</b></a></td>

<td width="155" height="35" align="center"><FONT FACE="Geneva, Arial" SIZE=5><a href="wie.html" target="inhoud" class="link"><b>test4</b></a></td>

<td width="155" height="35" align="center"><FONT FACE="Geneva, Arial" SIZE=5><a href="wie.html" target="inhoud" class="link"><b>test5</b></a></td>

</tr>

</table>

 

 

Ik krijg het echter niet aan het werk

Wat ik wel kan vinden is een script om de achtergrondkleur van de cel te veranderen.

Kan iemand me een stukje op weg helpen?

[Kowalski]

Het is me niet duidelijk wat je vraag precies is, c.q. wat de functie moet zijn van het (mouse-over) script waarnaar je op zoek bent?

[EtienneM]

Ik wil dus graag de tekst een andere kleur geven als de muis op de tekst in de cel komt.

 

 

[Kowalski]

De tekst class="link" is in elk geval fout, dat moet je bij iedere regel dus weghalen. Daarna zou wat je zoekt al moeten werken.

De style a:hover definieert namelijk dat je het a element bij een hover actie een andere kleur geeft (in dit geval dus #FF00FF of magenta)

 

Wat ik verder nog zou veranderen is om <FONT FACE="Geneva, Arial" SIZE=5> en <b> ook in de stylesheet te definieren.

[Big fellow]

Probeer dit eens. (Niet getest! :-) )

Origineel bericht van: EtienneM

Code:

table {  background: #d4e4f6; }td {  text-align: center;  font-weight: bold; }a {             /* unvisited link */  font-family: geneva;  font-size: 14px;   color: #ff0000; }a:visited {     /* visited link */  color:#00FF00;}a:hover {       /* mouse over link */  color:#FF00FF;}a:active {      /* selected link */  color:#0000FF;}

en

Code:

<table border="0">  <tr>    <td width="155" height="35" align="center"><a href="wie.html" target="inhoud">test1</a></td>    <td width="155" height="35" align="center"><a href="wie.html" target="inhoud">test2</a></td>    <td width="155" height="35" align="center"><a href="wie.html" target="inhoud">test3</a></td>    <td width="155" height="35" align="center"><a href="wie.html" target="inhoud">test4</a></td>    <td width="155" height="35" align="center"><a href="wie.html" target="inhoud">test5</a></td>  </tr></table>

[Puch]

je moet je link een class toekennen. in die voorbeeld heb ik hem rollover genoemd

 

 

a.rollover:link {color:#FF0000; font-family: geneva; font-size: 14px; } /* unvisited link */

a.rollover:visited {color:#00FF00; font-family: geneva; font-size: 14px;} /* visited link */

a.rollover:hover {color:#FF00FF; font-family: geneva; font-size: 14px;} /* mouse over link */

a.rollover:active {color:#0000FF; font-family: geneva; font-size: 14px;} /* selected link */

 

in de link

 

<a href="wie.html" target="inhoud" class="rollover">test1</a>

[EtienneM]

Thnxs Puch,

 

het werkt