[CSS] Piccola modifica codice (Specificare stile link)

[Shiva]

Ciao a tutti, ho un piccolo problema da risolvere: ho questo codice css qui e vorrei specificare gli attributi a , hover e visited di textimage img, textimage p, textimage h2.
Sia a che hover e visited avranno lo stesso style, chiedevo se potevate indicarmi come specificare gli stati a, hover e visited delle tre classi; poi nel dettaglio gli altri parametri li metto io. Grazie!

td.textimage{
width: 500px;margin-bottom: 10px;
border: 1px solid #ccc;background-color: #fff;
}

td.textimage img{
float:left;
margin: 0 10px 0 0;
}

td.textimage p{
font-family: Verdana;
font-size: 11px;
text-decoration: none;
color: #666666;
line-height: 1.5;
margin:0 10px;
padding: 0;
}

td.textimage h2{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000000;
line-height: 1.5;
margin:0 10px;
padding: 0;
}

td.textimage h2{
margin-top: 10px;
}

[Shiva]

Ho quasi risolto ...se non fosse per quel quasi

firefox fa i capricci, forse

ho usato questo codice:

td.box a{
width: 500px;
border: 1px solid #ccc;
background-color: #fff;
text-decoration: none;
display: block;
}
td.box img{
float:left;
margin: 0px 10px 0px 0px;
}
td.box p{
font-family: Verdana;
font-size: 11px;
text-decoration: none;
color: #666666;
line-height: 1.5;
margin:0 11px;
padding: 0;
}
td.box h2{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000000;
line-height: 1.5;
margin: 0 11px;
padding: 0;
}
td.box h2{
margin-top: 10px;
}


e l'ho applicato a una cella in questo modo (è una pag dinamica asp)
dando h2 al titolo e p al corpo:

<TD CLASS="box" WIDTH="100%" HEIGHT="90"><a> record asp </A></td>

con Opera e IE il margine si adatta all'immagine, guardate il risultato: (vale solo per i primi record a pag 1)

http://www.asunis.com/go/def_start.a...rt=1&slink1=si

firefox invece adatta il bordo inferiore al testo,
anche specificando l'altezza, per es 90 o 91 il bordo resta sotto l'immagine (90x90px) di svariati pixel qualcuno può dirmi come risolvo?

[pierofix]

Per settare ad esempio lo stato hover dell'elemento a, contenuto nell'elemento h2 contenuto nel td con class="textimage" basterà scrivere:

td.textimage h2 a:hover

Se due elementi hanno le stesse proprietà allora è possibile usare la virgola per scrivere un unico selettore:

td.textimage h2 a:visited
td.textimage h2 a:hover,
{
   /* proprieta' */
}

Spero di aver capito bene.

[Shiva]

Grazie! ho risolto il problema dei link con il codice postato nel secondo post, resta quello del bordo in firefox, nn capisco perchè il bordo inferiore lo 'scrive' intorno al testo lasciando fuori un pezzo di immagine.