problema css per link in tabella

**pappolo** · 10-03-2005, 12:44

Salve a tutti, ho un problemino, credo solo di sintassi, se qualcuno può aiutarmi gliene sarei molto grato

Tutto il sito ha lo stile per i link, ora io ho bisogno che in una tabella gli stili per i link siano diversi. Ho provato ad assegnare una classe o un id alla tabella ma non va... se volessi assegnare una classe ai link come devo scriverla?

mettiamo che la classe si chiami ciao.

allora:

codice:

a.ciao {display: block;
        width: 100%; height: 100%;
        text-color: #000;
        }

Questo mi va per i link, tranne per il colore, che rimane quello di default dei link della pagina, ma soiprattutto come devo impostare il comportamento sull'hover?
se metto a:hover.ciao non me lo considera proprio...

Come fare?

Grazie

**pierofix** · 10-03-2005, 12:48

Per settare tutti i link contenuti in una tabella basta fare così:

codice:

table a {
   /* qui gli attributi */
}

Il selettore hover va applicato all'elemento in questo modo:

codice:

nomeTag:hover {...}
#idElemento:hover {...}
.classElemento:hover {...}

**lorenzo12375** · 10-03-2005, 13:03

attento che text-color non esiste, la proprietà del colore del testo è semplicemente color

ciao

**pappolo** · 10-03-2005, 13:05

ho fatto così:

codice:

table a {
   display: block;
   width: 100%; height: 100%;
   text-color: #000;
   text-decoration:none
}
.ciao:hover {
text-decoration:underline
}

Ma non mi prende nè l'uno nè l'altro, ossia la cella non risulta del tutto clikkabile, il suo colore è quello dei link di tutto il sito e l'hover pure anche se la classe del link è ciao

**pierofix** · 10-03-2005, 13:08

:master:

Prova a mettere il punto-e-virgola anche se l'attributo è unico.

EDIT: text-color non esiste, devi usare color.

**pappolo** · 10-03-2005, 13:12

Niente da fare

table a {
display: block;
width: 100%; height: 100%;
color: #000;
text-decoration:none;
}

Non me lo accetta proprio...

**pappolo** · 10-03-2005, 13:16

Sempre più strano...

se invece metto:

table a.ciao {
display: block;
width: 100%; height: 100%;
color: #000;
text-decoration:none;
}

La casella è clikkabile, quindi il display me lo prende, ma il colore non me lo cambia...

uhm...

**lorenzo12375** · 10-03-2005, 13:16

a me questo sembra funzionare

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
table a {
display: block;
width: 100%; height: 100%;
color: #000;
text-decoration:none
}
.ciao:hover {
text-decoration:none;

}

</style>
</head>
<body>
pippo

<table border="">

<tr height="">
<td width="">pappa</td>
</tr>

</table>

</body>
</html>

**pappolo** · 10-03-2005, 13:21

A me il tuo codice non funziona...

L'hover di pippo mi si sottolinea...

**lorenzo12375** · 10-03-2005, 13:24

infatti, deve essere così la sottolineatura va via solo se ci passi sopra il mouse
se vuoi che non sia sottolineato neanche di default devi scrivere così

.ciao {
text-decoration:none;

}

Discussione: problema css per link in tabella

Strumenti discussione

Ricerca discussione

Visualizza

problema css per link in tabella

Permessi di invio