RollOver / MouseOver / Hover -effekt på en hel TD

Hvis der er nogen der er i tvivl om hvad en TD er så se her...

<table>
  <tr>
    <td>    -\
      tekst    > Det her er en TD
    </td>    -/
  </tr>
</table>

Nemmeste metode:

<style type="text/css">
a{
  display:block;
  background:#fff;
  color:green;
  text-decoration:none;
}
a:hover{
  color:white;
  background:black;
}
#menu{
  border:3px outset blue;
  border-collapse:collapse;
}
#menu td{
  border:0;
  padding:0;
}
</style>

<table id="menu">
  <tr>
    <td>
      <a href="#">tekst    &gt; Det her er en TD</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="#">tekst    &gt; Det her er en TD</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="#">tekst    &gt; Det her er en TD</a>
    </td>
  </tr>
</table>

-- og der kom lige et par andre ting med !-)

Den første deklaration skal nok være:

a,a:link,a:visited{

i stedet for bare

a{

For det første hører dette til i (D)HTML-kategorien - Der er ikke meget "generelt" over spørgsmålet.

Hvis du brugte en browser, der forstod CSS korrekt, så kunne du nøjes med CSS, men IE kan kun finde ud af :hover på <a>-elementer, så hvis du vil understøtte IE, er du nødt til at bruge javascript.

<script type="text/javascript">
<!--
function highlight(sted){
  sted.style="color:#fff;background:#000;";
}

function unhighlight(sted)
  sted.style="color:#aaa;background:#333;";
}

//-->

<td onmouseover="highlight(this);" onmouseout="unhighlight(this);>

Koden er utestet, og du skal lige tilrette til de rigtige farver i unhighlight-funktionen.

Og det er godt at roenving er med, for han er en del bedre til javascript end mig.

-- og det er principielt mindre hensigtsmæssigt at udskifte en hel cssText og bedre at udskifte de enkelte properties, så det f.eks. skulle være:

function highlight(sted){
  sted.style.color="#fff;"
  sted.style.background="#000;";
}

roenving: Det kan jeg godt se det fornuftige i. Skal der stadig være ; efter farverne, når man sætter dem på den måde?

Man burde kunne give point til to =) i har begge fat i det rigtige =)...

Send et svar den der kommer først får point =)

Man kan sagtens dele point mellem flere.

Hov, den overså jeg:

sted.style.color="#fff";

Bare vent på roenving, og marker begge vores navne i listen (Måske skal du holde shift inde) før du klikker på Accepter-knappen.

Velbekomme '-)

-- og hvis du vil dele point skal du bare markere begge navne i boksen til venstre !-)

hvordan kan man dele point?

*klask* Jeg skal bare markere mere end en i listen ik'?

Tada det virkede, sådan nu har i begge fået point... det tog mig kun to år at regne ud *LOL*

Tak for point ;~}

-- og du kan måske få noget ud af at lægge denne i foretrukne: http://expfaq.1go.dk !-)