[js/css] zmiana tła w tabeli

0 
<html>
<head>
</head>
<body>
  <table>
  <tr>
    <td style="background-image:url(header.gif)" onclick="javascript:this.background='przycisk-1.gif';">aaaaaa</td>
  </tr>
  </table>
</body>
</html>

to mój kod. oczywiście wszystkie pliki graficzne istnieją. a po kliknięciu nie zmienia sie tło, a np. wysokość można już zwiększyć itp

0
<html> <head> </head> <body>
aaaaaa
</body> </html>
0 
<html>
<head>
<style>
td.moj:hover {
  color:#FF0000;
  background-image:url(przycisk-2.gif);
}
</style>
</head>
<body>
  <table>
  <tr>
    <td style="background-image:url(przycisk-1.gif)" class="moj">aaaaaa</td>
  </tr>
  </table>
</body>
</html>

myślałem że na css będzie prościej ale znowu nie działa coś do końca (kolor zmienia się a tło znowu nie :/)

bordeux - [browar]

0

Nie zmienia się, bo CSS jest kaskadowy. Inline-style jest ważniejszy. Gdybyś napisał tak:

<html>
<head>
<style>
td.moj {
  background-image:url(przycisk-1.gif);
}
td.moj:hover {
  color:#FF0000;
  background-image:url(przycisk-2.gif);
}
</style>
</head>
<body>
  <table>
  <tr>
    <td class="moj">aaaaaa</td>
  </tr>
  </table>
</body>
</html>

to by zadziałało

1 użytkowników online, w tym zalogowanych: 0, gości: 1