link sottolineati

[Lak3d]

ho spulciato alcune guide ma ancora non riesco a capire come si faccia a fare in modo che il link venga sottolineato solo quando ci si passa sopra. Tutti i link stanno fra tag td...

cosa devo mettere fra i tag td?

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

perchè A:?
devo crearne quattro, ognuno dei quali con td:link, td:visited, td:hover e td:active?
No compriendo

[serialkiller]

così com'è fa quello che chiedi tu, diventa sottolineato solo quando ci passi sopra, cosa non capisci ?

[Lak3d]

come devo scriverlo per fare in modo che nei tag td succeda ciò? cos'è A:link? come lo devo scrivere?

td{ 
   A:link {text-decoration: none}
   A:visited {text-decoration: none}  
   A:active {text-decoration: none}
   A:hover {text-decoration: underline;}
}

non credo proprio che vada bene...

[Mich_]

Intanto scrivi la a minuscola: la maiuscola e` (erroneamente) riconosciuta solo in qualche browser.

Inoltre quella graffa e` sbagliata. Forse intendi:

td a:link {text-decoration: none}
td a:visited {text-decoration: none}  
td a:active {text-decoration: none}
td a:hover {text-decoration: underline;}

[ricman]

Originariamente inviato da Lak3d
come devo scriverlo per fare in modo che nei tag td succeda ciò? cos'è A:link? come lo devo scrivere?

td{ 
   A:link {text-decoration: none}
   A:visited {text-decoration: none}  
   A:active {text-decoration: none}
   A:hover {text-decoration: underline;}
}

non credo proprio che vada bene...

Ti consiglio di leggere qualche guida di base prima di tutto... ad esempio questa ma ce ne sono a milioni su google.

Per il tuo "problema"... "a:qualcosa" non deve stare dentro la ridefinizione del "td". Mettilo fuori:

td {qualcosa}

A:link {text-decoration: none;}
A:visited {text-decoration: none;}  
A:active {text-decoration: none;}
A:hover {text-decoration: underline;}

[salasir]

Tratto dal sito W3Schools CSS Pseudo-classes

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Quindi devi invertire gli ultimi due!

td a:link {text-decoration: none}
td a:visited {text-decoration: none}  
td a:active {text-decoration: none}
td a:hover {text-decoration: underline;}

[Lak3d]

mi avete risposto in 3 e me l'avete scritto in 3 modi diversi...

Per il tuo "problema"... "a:qualcosa" non deve stare dentro la ridefinizione del "td". Mettilo fuori:

Ma se lo metto fuori viene applicato a tutto o soltanto al tag td?

Questo è quello che ho io:

td.int{
   font-size:14px; font-family:Verdana; font-weight:bold; text-align:center;
   background-color:#C3D5FD;
}

E fin qui ci sono. Vado a leggermi le proprietà dei link e non so come metterle. Vorrei che i link contenuti nei tag td con classe int siano sottolineati solo se ci passa sopra il cursore.

p.s: Non è che non li ho mai usati i CSS, vabbè, nemmeno sono anni che li uso, però non mi son mai trovato di fronte a una sintassi simile... si dolito metto il selettore e fra le graffe tutto il resto.
Quindi non capisco come vada impostato...

[Lak3d]

così forse?

td.int{
   font-size:14px; font-family:Verdana; font-weight:bold; text-align:center;
   background-color:#C3D5FD;
}

td.int a:link {text-decoration: none}
td.int a:visited {text-decoration: none}  
td.int a:active {text-decoration: none}
td.int a:hover {text-decoration: underline;}

edit: no, non funge
sò scarso, lo so

[salasir]

Originariamente inviato da salasir
Tratto dal sito W3Schools CSS Pseudo-classes

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Quindi devi invertire gli ultimi due!

td a:link {text-decoration: none}
td a:visited {text-decoration: none}  
td a:active {text-decoration: none}
td a:hover {text-decoration: underline;}

td a:link {text-decoration: none}
td a:visited {text-decoration: none}  
td a:hover {text-decoration: underline;} 
td a:active {text-decoration: none} 

[Lak3d]

se vogliamo andare avanti fino a domani a quotare i messaggi precedenti facciamolo pure... ho capito che ne sapete più di me, però io ho provato in tutte le forme che mi venivano in mente... non funziona.

Inoltre, come ho scritto ho il selettore td che è uno e quello td.int che è un'altro.
Che devo scrivere quello che hai postato l'ho capito anch'io, fin lì c'arrivo e non metto in dubbio che sia corretto, il punto è dove (nel codice del selettore td.int o fuori?) Se fuori, senza classe int?

Io ho già provato in tutti i modi. Non funziona. Sbaglio sicuramente qualcosa, ma cosa?