Css - ... ma perchè ???

[emi81]

Giuro che sto iniziando ad odiare Explorer e la sua incapacità nel leggere i css.

Il mio problema è che con Explorer alcuni link vengono visualizzati con la sottolineatura blu, anche se nel foglio di stile ho definito che non voglio decorazioni.

Ora mi spiego meglio. Invece di usare delle semplici scritte, per il menu ho deciso di utilizzare delle immagini. Queste immagini mi compaiono con tutto il bordo blu, e se cliccate con il bordo viola.
Se insieme alle immagini inserisco una scritta, invece, la scritta segue le impostazione settate nel foglio di stile. perchè????

Ovviamente con Mozilla funziona tutto perfettamente!!!

Vi posto qui sotto il codice del menu e quello del css :

1) Codice Menu

<div id="menuB">
<table>
 <tr>
   <th> 
   <a class="men" href="iniziative.html" target="tit-cont">
    hello
   </a>
  </th>
  <th> 
   <a class="men" href="iniziative.html" target="tit-cont">
    [img]immagini/menuB/iniziativeB.jpg[/img]
   </a>
  </th>
 </tr>
</table>

2) Codice Css :

a.men{
 text-decoration: none;
 color:#999999;
}

[B]Scrivendo cosi, la scritta "hello" mi viene scritta in grigio e non sottolineata , mentre l'immagine "iniziativeB.jpg" ha i bordi blu ! [B]

Qualcuno puo aiutarmi ??

Grazie a tutti!

[salasir]

Prova con:

a.men, a.men img  {
 text-decoration: none;
 color:#999999;
}

[Mich_]

Anzitutto questo e` un problema di CSS, che va postato nel forum CSS (prego i moderatori di spostarlo).

I browser hanno dei default per quanto riguarda i link. Tali default prevedono che ci sia uno stile predeterminato per il :link ed uno stile (diverso) per l':hover oltre che per il :visited.
Se vuoi cambiare i default devi quindi ridefinire le proprieta` per tutti i casi.

Inoltre il tuo stile serve due tipi di link: quelli con l'immagine e quelli testuali: pertanto devi definire sia i bordi (per le immagini) che le sottolineature (per i testi).

In concreto:

a.men, a.men:visited, a.men:hover {
 text-decoration: none;
 color:#999;
}

a.men img, a.men:visited img, a.men:hover img {
 border: none;                /* o quello che vuoi */
 color:#999;
}

[noos]

ho trovato questa soluzione

nel CSS

a.men, img
{
text-decoration: none;
color:#999999;
border:0;

}

[emi81]

grazie mille!!!
ora provo a farlo!

ho cercato il forum per i css, ma non l'ho visto.. sono un pollo

scusate

[emi81]

funziona!
Grazie a tutti!