CSS3 e Tabella.

[Francesco1910]

Ciao a tutti. Mi stavo addentrando nel css e in particolar modo nelle tabelle.

Utilizzando dreamweaver sono riuscito ad ottenere questo risultato:

<style type="text/css">
table
{
border-collapse:collapse;

   width: 100%;
   .highlight { background-color: #8888FF }
}

body table tr th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	background-color: #FB722D;
	color: #FFF;
	cursor: default;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #eb5105;
	border-right-color: #eb5105;
	border-bottom-color: #eb5105;
	border-left-color: #eb5105;
}
body table tr td {
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	cursor: default;
}

tbody tr:nth-child(odd) {
   background-color:#cfe6f2
}

tbody tr:hover { background:#FFFFCC;
 border:1px solid #FB722D;
 color:#FB722D;
}

</style><table width="780" border="0">
  <tr>
    <th scope="col">Compagnia</th>
    <th scope="col">Volo</th>
    <th scope="col">Partenza</th>
    <th scope="col">Arrivo</th>
    <th scope="col">Previsto</th>
    <th scope="col">Atterrato</th>
    <th scope="col">Note</th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
       <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
       <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
       <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

La mia richiesta è:

E' possibile eliminare quel bug della selezionee della tabella? (Rimane il rettangolo, per intenderci).

E, sopratutto, posso modificare l'intestazione della tabella da un colore piano ad un gradiente?

Grazie anticipatamente.

[ricman]

Il "bug" non l'ho capito...

Per il gradiente basta che fai un'immagine (larga 1px e alta quanto la cella) col gradiente e la fai ripetere in orizzontale.