Class dentro tag <A>

[freezone]

Questo il foglio di stile:

a:link, a:visited {
color: #FF0000;
}

a:hover, a:active {
color: #009900;
}

.sub_menu a:link, .sub_menu a:visited{
color: #000099;
}

.sub_menu a:hover, .sub_menu a:active{
color:#0066CC;
}


questa la pag HTML:
A normale

A con sub_menu


ma a quanto vedo si comportano uguali! Perchè??? Sono così pirla?

[Mich_]

.sub_menu a:link { ... }
tutti i tag <a> contenuti dentro l'oggetto con class="sub_menu"

a.sub_menu:link { ... }
tutti i itag <a> con class="sub_menu"

[freezone]

e come si fa ad applicare delle caretteristiche ad un contenuto con scritto <a class="sub_menu">?

[Mich_]

Originariamente inviato da Mich_

a.sub_menu:link { ... }
tutti i tag <a> con class="sub_menu"

[m.massimo]

Originariamente inviato da Mich_
.sub_menu a:link { ... }
tutti i tag <a> contenuti dentro l'oggetto con class="sub_menu"

a.sub_menu:link { ... }
tutti i itag <a> con class="sub_menu"

Possibile che non funzionino in IE6?

tag <a>

[img]....[/img]

css

a:link {
text-decoration: none;
color: #104828;
}

a:visited {
text-decoration: none;
color: #F3DE09;
}

a:hover {
text-decoration: underline;
}


a.link_no_color:link {
color: white;
}

a.link_no_color:visited {
color: white;
}

a.link_no_color:hover {
text-decoration: none;
}


in FF 2.0 funziona tutto regolarmente, in IE6 a: funziona, mentre a. non funziona nel senso che nei tag <a> con classe link_no_color prevale l'impostazione dei colori di IE.

Se elimino a. nel css, in FF il link con immagine assume correttamente il bordo del colore di a:link, mentre in IE6 assume il bordo del colore presente nelle impostazioni di IE

[Mich_]

nei vari browser i default sono diversi.

Nel tuo codice non dai disposizioni per l'immagine dentro il link.

Devi definire anche:

a:link img {
  border: ...;
}
a:hover img {
  border: ...;
}
a.link_no_color:link img {
  border: ...;
}
a.link_no_color:hover img {
  border: ...;
}

[m.massimo]

Nel tuo codice non dai disposizioni per l'immagine dentro il link.

Devi definire anche:

a:link img {
  border: ...;
}
a:hover img {
  border: ...;
}
a.link_no_color:link img {
  border: ...;
}
a.link_no_color:hover img {
  border: ...;
}

grazie per la risposta rapida e soprattutto efficace. Problema risolto.