Avatar billede bongii Nybegynder
05. februar 2007 - 12:11 Der er 10 kommentarer og
1 løsning

Hover på en hel tabel?

Hej.
Er der en der kan hjælpe med at færdiggøre nedenstående kode, såleeds hele tabellen skifter baggrundsfarve når musen køres over en hvilken som helst celle i tabellen?

-----------------------------------
<html>
<head>
    <title>CSS test</title>
<style type="text/css">
.tablehover { }
</style>
</head>
<body>

<table>
    <tr clss="tablehover">
        <td>CSS TEST</td>
        <td><img src="http://www.movievizion.dk/upload/ikoner.gif" alt="" width="212" height="152" border="0"></td>
    </tr>
    <td colspan="2">Nederste del Nederste del Nederste del Nederste</td>
</table>

</body>
</html>
Avatar billede mstorgaard Praktikant
05. februar 2007 - 12:25 #1
Det her du leder efter?

<table style="background: url(BAGGRUND);" onmouseover="this.style.background = 'url(BAGGRUNDSHOVER)';" onmouseout="this.style.background = 'url(BAGGRUND)';">
Avatar billede mstorgaard Praktikant
05. februar 2007 - 12:26 #2
Gik lidt stærkt :)

Her er den rettet:

<table style="background: BAGGRUNDSFARVE;" onmouseover="this.style.background = 'BAGGRUNDSFARVEHOVER';" onmouseout="this.style.background = 'BAGGRUNDSFARVE';">
Avatar billede sw_red_6 Nybegynder
05. februar 2007 - 12:26 #3
Hvis hele tabellen skal skifte farve så prøv det her:
<html>
<head>
    <title>CSS test</title>
<style type="text/css">
.tablehover { }
</style>
</head>
<body>

<table onmouseover="this.style.bgColor='#00F'" onmouseout="this.style.bgColor='#F00'">
    <tr clss="tablehover">
        <td>CSS TEST</td>
        <td><img src="http://www.movievizion.dk/upload/ikoner.gif" alt="" width="212" height="152" border="0"></td>
    </tr>
    <td colspan="2">Nederste del Nederste del Nederste del Nederste</td>
</table>

</body>
</html>

ellers prøv det her:
<html>
<head>
    <title>CSS test</title>
<style type="text/css">
.tablehover { }
</style>
</head>
<body>

<table>
    <tr onmouseover="this.bgColor='#00F'" onmouseout="this.bgColor='#F00'" clss="tablehover">
        <td>CSS TEST</td>
        <td><img src="http://www.movievizion.dk/upload/ikoner.gif" alt="" width="212" height="152" border="0"></td>
    </tr>
    <td colspan="2">Nederste del Nederste del Nederste del Nederste</td>
</table>

</body>
</html>
Avatar billede bongii Nybegynder
05. februar 2007 - 12:31 #4
Jeg kan godt få JS <tr onmouseover="this.style.backgroundColor='#00ff00';" onmouseout="this.style.backgroundColor='ff0000';"> til at virke. Men vil gerne have det lavet i ren CSS?
Avatar billede mstorgaard Praktikant
05. februar 2007 - 12:34 #5
Du kan prøve:
.tablehover:hover
{
background-color: #ff0000;
}

.tablehover
{
background-color: #00ff00;
}
Avatar billede bongii Nybegynder
05. februar 2007 - 12:35 #6
Virker ikke :(
Avatar billede sw_red_6 Nybegynder
05. februar 2007 - 13:08 #7
Det kan ikke lade sig gøre eftersom hover kun virker med <a>-tags..
Det er i hvert fald tilfældet med IE om det er det samme med firefox, opera, safari eller andre browsere ved jeg ikke...
Avatar billede notes2c Nybegynder
05. februar 2007 - 22:58 #8
hover på andet end a tags virker i IE7, så det kan være en løsning hvis der ikke er krav til IE versionen.
Avatar billede bongii Nybegynder
06. februar 2007 - 07:48 #9
ok. En skam...
Avatar billede bongii Nybegynder
12. april 2007 - 12:13 #10
Lukket
Avatar billede notes2c Nybegynder
12. april 2007 - 16:40 #11
Man kan vel ikke sige andet at du fik svar på dit spm... At du så ikke kunne bruge det er vel noget andet...
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