2. Meglio (per compatibilita` anche con IE6) e` usare XHTML 1.0 Strict
3.
a. Non vedo gli attributi empty-cells e table-layout (conviene metterli per evitare dubbi interpretativi da parte di qualche brwoser: tieni presente che la tua e` una tabella particolare: non puoi lasciare che i brwoser interpretino a modo loro)
b. non hai definito le dimensioni delle celle: anche qui proprio per lo scopo della tabella andrebbe fissato.
magari in funzione della dimensione del carattere, quindi puoi usare (ad esempio) width: 6em; height: 4em;
c. hai definito la dimensione del carattere: non e` nei tuoi poteri definirlo: il brwoser puo` sovrascriverlo. Conviene partire da una misura standard definita dall'utente (100% nel body) e far riferimento a quella dimensione.
d. quando hai una lista di link di quel tipo, conviene che l'area cliccabile sia tutta la casella (hai una navigazione molto piu` agevole, anche se uno ha difficolta` di puntamento):
codice:
.datatable td {
padding:5px; /* forse non serve */
border:1px solid #FFF;
/*text-align:center;*/
color:#0000FF;
/*font-size: 14px;*/
width: 6em;
height: 4em;
}
.datatable a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
line-height: 100%;
text-align: center;
}
4. font-size: vedi nota precedente: io metterei h1: 200% / h2: 160% / h3: 120% (o qualcosa di quel tipo, relativo ad un font "standard")
5. Non capisco la richiesta. Ma forse dipende dal browser che si usa