28173 sujets

CSS et mise en forme, CSS3

Bonjour

je voudrais faire un tableau à 2 lignes et 4 colonnes, je voudrais donner une couleur de fond (bleu et rouge) au 2 dernières colonnes et je voudrais qu'une ligne ai une couleur de fond (gris) lorsqu'on la survol.

voici que j'ai fait :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
 table
  {
    border-spacing : 0px;
    border-collapse:collapse;
  }

  table td
  {
   border:1px solid #000;
  }
  td.col3
  {
    background-color: blue;
  }
  td.col4
  {
    background-color: red;
  }
  tr:hover
  {
    background-color: gray;
  }
</style>
</head>
<body>
  <table>
  <tbody>
    <tr>
      <td class="col1">Texte</td>
      <td class="col2">Texte</td>
      <td class="col3">Texte</td>
      <td class="col4">Texte</td>
    </tr>
    </tbody>
    <tbody>
    <tr>
      <td class="col1">Texte</td>
      <td class="col2">Texte</td>
      <td class="col3">Texte</td>
      <td class="col4">Texte</td>
    </tr>
    </tbody>
  </table>  
    
</body>
</html>


Mon problème est que la ligne prend bien une couleur d'arrière plan grise lors du survol, mais pas les 2 dernières colonnes qui garde leurs couleurs.

Quelqu'un aurait une idée ?

PoichOU

PS : question subsidiaire est-ce faisable sous ie ?
Modifié par PoichOU (15 Jun 2007 - 11:32)