problema con text-decoration: none

[simonebrenna]

Ciao, ho un problemone con IE, ho creato questo CSS il quale dice che non dovrebbero esserci sottolineature, fino a quando lo uso con firefox va tutto bene ma con versioni precedenti a IE 8 il tag
text-decoration: none;

non viene considerato.

qualcuno sa aiutarmi o spiegarmi il perchè?

Grazie mille

[Prill]

ho creato questo CSS

Ciao, quale css? ci fai vedere il uo codice (foglio di stile e html)? impossibile sennò capire dove è il problema

[simonebrenna]

Scusa.... non mi ero accorto che non ha preso il copia e incolla... eccoti il css


.brescia, .brescia a:hover, .brescia a:link, .brescia a:visited {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #D1D9E9;
font-size: 36px;
letter-spacing: -1pt;
text-decoration: none;
font-weight: bold;
vertical-align:text-top;
}

.flair, .flair a:hover, .flair a:link, .flair a:visited {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #4164AA;
font-size: 55px;
letter-spacing: -1pt;
text-decoration: none;
font-weight: bold;
vertical-align:text-top;
padding-bottom:10px;
}

[Prill]

se la sottolineatura interessa tutti i link e tutti gli stati:

a {text-decoration: none;}

se interessa solo i link nei contenitori con classe .brescia e .flair e tutti gli stati

.brescia a {text-decoration: none; /* aggiungere le altre proprietà */}
.flair a {text-decoration: none; /* aggiungere le altre proprietà */}

dato che link, visited e hover hanno le stesse caratteristiche puoi anche più semplicemente definire "a" discendente di brescia e di flair e tutte le pseudoclassi erediteranno quella formattazione senza bisogno di indicarle. Se vuoi invece indicarle segui il giusto ordine (link, visited, hover)

.brescia a:link, .brescia a:visited, .brescia a:hover {
...
}

considera in quest'ultimo caso che se nel css hai precedentemente definito l'elemento "a", le impostazioni di questo potranno interferire con questi altri link