Ciao a tutti. Mi stavo addentrando nel css e in particolar modo nelle tabelle.
Utilizzando dreamweaver sono riuscito ad ottenere questo risultato:
La mia richiesta è:codice:<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>
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.

Rispondi quotando