Avatar billede izemate Nybegynder
21. august 2003 - 15:32 Der er 8 kommentarer og
3 løsninger

få td's bg til at skrifte farve efter link.

hejsa..

Jeg tænkte på hvordan man får en td's bg til at skrifte farve..

eksempel:
<tr>
  <td><a href="#">LINK</a></td>
</tr>

Når jeg så hover hen over link så skal baggrunden på den td linket ligger i skifte farve..

Hvordan gør jeg det :-)

<\\izemate
Avatar billede izemate Nybegynder
21. august 2003 - 15:33 #1
ligesom i denne menu http://www.bossman.dk/
Avatar billede heavybreezer Nybegynder
21. august 2003 - 15:39 #2
<tr>
<td bgcolor="#000000" onmouseover=this.style.background="#C0C0C0" onmouseout=this.style.background="#000000">
</tr>
Avatar billede heavybreezer Nybegynder
21. august 2003 - 15:39 #3
ups.. sådan her:

<tr>
<td bgcolor="#000000" onmouseover=this.style.background="#C0C0C0" onmouseout=this.style.background="#000000"><a href="#">LINK</a></td>
</tr>
Avatar billede phillips Nybegynder
21. august 2003 - 15:45 #4
Eller gør det med css:

a:link { background-color: white; }
a:visited { background-color: white; }
a:hover { background-color: red; }
a:active { background-color: red; }
Avatar billede roenving Novice
21. august 2003 - 15:50 #5
>>heavybreezer
Den burde kun fungere hvis man:
<tr>
<td bgcolor="#000000" onmouseover='this.style.background="#C0C0C0"' onmouseout='this.style.background="#000000"'><a href="#">LINK</a></td>
</tr>
Men det virker nok uden i IE ...


>>phillips

Det vil ikke ændre baggrund på hele tabelcellen !-)
Avatar billede phillips Nybegynder
21. august 2003 - 16:01 #6
Næh, men det vil den da (næsten) gøre, hvis man så bruger:

a:link { background-color: white; width: 100%; }
a:visited { background-color: white; width: 100%;  }
a:hover { background-color: red; width: 100%;  }
a:active { background-color: red; width: 100%;  }
Avatar billede roenving Novice
21. august 2003 - 16:02 #7
-- næsten ...
Avatar billede cdc Novice
21. august 2003 - 16:21 #8
smid en block på

a:link { background-color: white; width: 100%; display:block; }
a:visited { background-color: white; width: 100%; display:block;}
a:hover { background-color: red; width: 100%; display:block;}
a:active { background-color: red; width: 100%; display:block; }
Avatar billede izemate Nybegynder
21. august 2003 - 17:05 #9
heavybreezer > dit virker super.. men hvad køre jeg hvis jeg har flere tabeller der skal farves hvis man hover over kun den 1 af dem ??

ex:

-------------------    ----------------  ------------
|  Tabel 1 [link]  |  |  Tabel 2      | |  Tabel 3  |
-------------------    ----------------  ------------

Hvis jeg få har linket i tabel 1 og hover over den så skal tabel 2 og 3 også skifte baggrunds farve.

kan man det ?

<\\izemate
Avatar billede brianandersen Nybegynder
21. august 2003 - 22:17 #10
lav dem som link der peger på #. Hvis du vil undgår at folk tror de er link, så smid en class på linksne:

<a href="#" class="notalink">

css:
.notalink {
cursor: default;
}

så ungår du link hånden kommer op og folk tror ikke det er et link.
Avatar billede mm12010 Nybegynder
22. august 2003 - 09:36 #11
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester