Ciao a tutti, premetto che sono un neofita e che sto iniziando ora ad approcciarmi all'html.
Vorrei sapere se � possibile associare fogli di stile diversi tra loro a tabelle presenti all'interno di diverse sezioni div al fine di formattare in modo diverso le varie tabelle.
Questo e' il mio codice:
codice:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="top5Table.css" title="top5Table">
<link rel="stylesheet" type="text/css" href="statTable.css" title="statTable">
<!-- xxxx
-->
</head>
<body>
<h1>Titolo 1</h1>
<div class="top5Table">
<table>
<tr>
<td>Cella 1.1</td>
<td>Cella 1.2</td>
<td>Cella 1.3</td>
</tr>
<tr>
<td>Cella 2.1</td>
<td>Cella 2.2</td>
<td>Cella 2.3</td>
</tr>
</table>
<h1>Titolo 2</h1>
<p>paragrafo</p>
<div class="statTable">
<table>
<tr>
<th style="width:50%">Colonna 1</th>
<th style="width:25%">Colonna 2</th>
<th style="width:25%">Colonna 3</th>
</tr>
<tr>
<td>Cella 1.1</td>
<td>Cella 1.2</td>
<td>Cella 1.3</td>
</tr>
<tr>
<td>Cella 2.1</td>
<td>Cella 2.2</td>
<td>Cella 2.3</td>
</tr>
<tr>
<td>Cella 3.1</td>
<td>Cella 3.2</td>
<td>Cella 3.3</td>
</tr>
</div>
</table>
</div>
</body>
</html>
Le tabelle si formattano sempre in modo uguale tra loro, cambiando l'ordine degli stylesheet le tabelle si formattano secondo lo stile del primo di questi.
Cosa ho sbagliato?
Grazie