Avatar billede clang-k55 Nybegynder
20. maj 2003 - 14:20 Der er 7 kommentarer og
1 løsning

Baggrund i celle....

Hej eksperter....

Jeg har det problem, at når jeg fører musen hen over en celle med et link i, skal hele baggrunden skifte farve. Men som jeg har det nu er det kun linkets baggrund, der skifter farve.

Jeg bruger dette:

a.menu2:hover {color: #000000; font-family: Book Antiqua; font-size: 13; text-decoration: none; background-color: #336699;}

Men hvorfor bliver hele baggrunden ikke #336699??
Avatar billede roenving Novice
20. maj 2003 - 14:23 #1
Hvis du har en celle, er det jo der farven skal sættes ...
Avatar billede clang-k55 Nybegynder
20. maj 2003 - 14:24 #2
skal man så lave noget i retningen af td.menu2:hover??
Avatar billede roenving Novice
20. maj 2003 - 14:29 #3
Det kan du godt, ja ...
Avatar billede clang-k55 Nybegynder
20. maj 2003 - 14:36 #4
nej
Avatar billede phillips Nybegynder
20. maj 2003 - 15:54 #5
Du skal bare rette din css-kode til:

a.menu2:hover {
  color: #000000;
  font-family: Book Antiqua;
  font-size: 13;
  text-decoration: none;
  background-color: #336699;
  width: 100%;
}

Dvs. tilføje width. Ved faktisk ikke om man kan sætte en height-attribut på...
Avatar billede phillips Nybegynder
20. maj 2003 - 15:54 #6
I øvrigt bør du for en god orden skyld også gøre det på de andre; link, active og visited...
Avatar billede flytier Nybegynder
20. maj 2003 - 18:08 #7
Du kan jo også bare skifte baggrundsfarven i din celle:
<table border="1" cellpadding="0" cellspacing="0" width="300">
<tr>
    <td width="100" align="center" style="background:#FFFFFF;" onMouseOver="this.style.background='#336699'" onMouseOut="this.style.background='#FFFFFF'"><a href="" style="color: #000000; font-family: Book Antiqua; font-size: 13; text-decoration: none;"><b>test</b></a></td>
    <td width="100" align="center" style="background:#FFFFFF;" onMouseOver="this.style.background='#336699'" onMouseOut="this.style.background='#FFFFFF'"><a href="" style="color: #000000; font-family: Book Antiqua; font-size: 13; text-decoration: none;"><b>test</b></a></td>
    <td width="100" align="center" style="background:#FFFFFF;" onMouseOver="this.style.background='#336699'" onMouseOut="this.style.background='#FFFFFF'"><a href="" style="color: #000000; font-family: Book Antiqua; font-size: 13; text-decoration: none;"><b>test</b></a></td>
</tr>
</table>
Avatar billede clang-k55 Nybegynder
21. maj 2003 - 06:59 #8
mange tak.... :-}
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