Stili multipli per i link

**devil89** · 31-05-2006, 16:19

Ho un pagina in HTML così definita:

codice:

<html>
<head>
	<title>Dizionario Online</title>
<style type="text/css">
th {font-family:monotype corsiva; font-size:30pt}
.1 { color:red }
.2 { color:blue }
a:visited { color:red }
.allinea { text-align:center }
a { text-decoration:none }
</style>
</head>
<body>



<table border="0" align="center" width="100%">
		<tr>
			<th class="1">DIZIONARIO</th>
			<th class="2">DICTIONARY</th>
		</tr>
		<tr>
		<td class="allinea">
                    [img]img\ita.gif[/img]
		</td>
		<td class="allinea">
		    [img]img\eng.gif[/img]
		</td>
		</tr>
</table>
</body>
</html>

Questa pagina contiene due titoli e due immagini che sono tutti link.
Vorrei fare in modo che il primo link "DIZIONARIO" mi venisse sempre colorato in rosso (sia se è già stato visitato sia se non lo è stato ancora) mentre il link con la scritta in inglese "DICTIONARY" sempre in blu, tramite i fogli di stile CSS.

Mi potete aiutare?

Ho provato nei seguenti modi ma non funzionano:

codice:

th.1 a:visited { stili }
a:visited#1 { stili }
...
...

**panta1978** · 31-05-2006, 16:29

Ho provato nei seguenti modi ma non funzionano:

codice:

th.1 a:visited { stili }
a:visited#1 { stili }
...
...

Ciao, prova così:

codice:

th.1 a:visited { stili }
a#1:visited { stili }
...
...

**devil89** · 31-05-2006, 16:31

Non funziona.

**Mich_** · 31-05-2006, 17:20

Ci sono vari errori.
1. i numeri da soli non sono nomi validi. I nomi devono inziare per lettera e contenere solo lettere e numeri (anche _ ma non e` consigliabile per l'interpretazione di qualche browser)

2. le pseudoclassi dei link devono essere espresse in un ordine ben definito:
a {color: #FF0000;} /* link */
a:link {color: #FF0000;} /* unvisited link */
a:visited {color: #00FF00;} /* visited link */
a:hover {color: #FF00FF;} /* mouse over link */
a:active {color: #0000FF;} /* selected link */

Quindi il CSS diventa:

codice:

table {
  width: 100%;
  border:0;
}
.uno a, .uno a:visited, .uno a:hover {color: red;}
.due a, .due a:visited, .due a:hover {color: blue;}
.allinea {text-align:center; border:0;}
.allinea img {border:0;}

Con l'HTML:

codice:

<table>
  <tr>
    <th class="uno">DIZIONARIO</th>
    <th class="due">DICTIONARY</th>
  </tr>
  <tr>
    <td class="allinea">
      [img]img\ita.gif[/img]
    </td>
    <td class="allinea">
      [img]img\eng.gif[/img]
    </td>
  </tr>
</table>

Ho tolto gli attributi deprecati o non esistenti.

**devil89** · 31-05-2006, 18:24

Grazie mille.

Ora funziona.

Discussione: Stili multipli per i link

Strumenti discussione

Ricerca discussione

Visualizza

Stili multipli per i link

Re: Stili multipli per i link

Permessi di invio