CSS non rispettato con IE

[Igreo]

Non capisco proprio come il mio CSS creato ad hoc con il DOCTYPE, non rispecchia le stesse caratteristiche con IE; eccolo:

(Specificatamente il Tag A che io ho settato in bianco, su IE lo trovo in Giallo... qualsiasi classe io nomini quel tag [+o-])

<!--
body{
        padding:0px;
        margin-top: 1px;
        margin-right: 1px;
        margin-bottom: 2px;
        margin-left: 3px;
        font-family: "Times New Roman", Georgia, Garamond;
        font-size: 11pt;
        text-decoration: none;
        color: #993300;
}
 img {
    border: 0px;
}
 a {
        font-size: 11pt;
    text-decoration: none;
    color: #FFFFFF;
}
 a:link {
        text-decoration: underline;
}
 a:visited {
     color: #FFF000;
        text-decoration: none;
}
 a:active {
        text-decoration: none;
}
 a:hover {
        color: #555555;
        text-decoration: overline;
}
 .jsbrand {
        font-family: "Times New Roman", Georgia, Garamond;
        font-size: 20pt;
        color: #dddddd;
        font-weight: bold;
        text-decoration: none
}
 .nascosta {
        display: none
}
 .show {
        display: block;
}
 .puls1_x2 {
        background-image: url('img/puls_blue.png');
        background-repeat: no-repeat;
}
 .puls1_x2_ph {
        background-image: url('img/puls_blue_ph.png');
        background-repeat: no-repeat;
}
 .puls1_x1 {
        background-image: url('img/puls_orange.png');
        background-repeat: no-repeat;
}
 .puls1_x3 {
        background-image: url('img/puls_red.png');
        background-repeat: no-repeat;
}
.puls1_x3_ph {
        background-image: url('img/puls_green_ph.png');
        background-repeat: no-repeat;
}
 .puls1_x4_ph {
        background-image: url('img/puls_blue1_ph.png');
        background-repeat: no-repeat;
}
 .puls2_x2 {
        background-image: url('img/puls2_green_ph.png');
        background-repeat: no-repeat;
}
 .puls2_x2_ph {
        background-image: url('img/puls2_red.png');
        background-repeat: no-repeat;
}
 .puls2_x1 {
        background-image: url('img/puls2_green.png');
        background-repeat: no-repeat;
}
 .puls2_x3 {
        background-image: url('img/puls2_yellow.png');
        background-repeat: no-repeat;
}
 .puls3_x3 {
        background-image: url('img/puls_yellow.png');
        background-repeat: repeat;
}
 .puls_p {
        background-image: url('img/m24.jpg');
        background-repeat: repeat;
}
 .puls_p_on{
        background-image: url('img/m25.jpg');
        background-repeat: repeat;
}
 .puls_p_up {
        background-image: url('img/m26.jpg');
        background-repeat: repeat;
}

 .div_padd {
    margin-top: 0px;
}
 h1 {
        font-family: "Times New Roman", Garamond;
        font-size: 20pt;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
}
 h2 {
        font-family: "Times New Roman", Garamond;
        font-size: 16pt;
        color: #2F4F4F;
        font-weight: normal;
        text-decoration: none;
}
 h3 {
        font-family: "Times New Roman", Garamond;
        font-size: 12pt;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
}
 h4 {
        font-family: "Times New Roman", Garamond;
        font-size: 10pt;
        color: blue;
        background-color: #003366;
        text-decoration: none;
}
 big {
        font-family: "Times New Roman", Garamond;
        font-size: 14pt;
        text-decoration: none;
}
 .tabcent {
        vertical-align: middle;
}
 .overfl {
        overflow: auto;
}
 #my_Div {
     background-color:black;
     color: #FF9900;
 }
 #mod1 {
     font-family: "Times New Roman", Garamond;
     font-size: 10pt;
     text-align: center;
     color: #006400;
     background-color: #F5F5F5;
 }
 table {
        font-family: Garamond, "Times New Roman";
        font-size: 12pt;
        color: blue;
        text-decoration: none;
}
 .writ {
        font-family: Garamond, "Times New Roman";
        font-size: 12pt;
        color: #000000;
        text-decoration: none;
}
 .menu {
        font-family: "Times New Roman", Garamond;
        font-size: 12pt;
        font-weight: BOLD;
        color: #000555;
}
 a.menu:link {
        font-family: "Times New Roman", Garamond;
        font-size: 12pt;
        font-weight: BOLD;
        color: #FFFFFF;
}
 a.menu:hover {
        font-family: "Times New Roman", Garamond;
        font-size: 12pt;
        font-weight: BOLD;
        text-decoration: none;
        color: #000000;
}
 menu_sub {
        font-family: "Times New Roman", Garamond;
        font-size: 9pt;
        font-weight: BOLD;
        color: #000000;
}
 a.menu_sub:link {
        font-family: "Times New Roman", Garamond;
        font-size: 9pt;
        font-weight: BOLD;
        color: #000000;
}
 .sb {
        font-family: "Times New Roman", Garamond;
        font-size: 14pt;
        color: #FFFACD;
}
 .dida {
        font-family: Garamond, "Times New Roman";
        font-size: 9pt;
        color: #FFFFFF;
        font-weight: BOLD;
        background-color: #dddddd;
}
 a.dida:link {
        font-family: Garamond, "Times New Roman";
        font-size: 9pt;
        color: #000000;
        font-weight: BOLD;
}
 a.dida:hover {
        font-family: Garamond, "Times New Roman";
        font-size: 9pt;
        color: #555555;
        font-weight: BOLD;
}
 .sbnu {
        font-family: "Times New Roman", Garamond;
        font-size: 18px;
        color: #003366;
        text-decoration: none;
}
 .swnu {
        font-family: "Times New Roman", Garamond;
        font-size: 11px;
        color: #FF0000;
        background-color: #000000;
}
 .snu {
        font-family: "Times New Roman", Garamond;
        font-size: 18px;
        color: #1CEF00;
        text-decoration: none;
}
 .dime3 {
        font-family: "Times New Roman", Garamond;
        font-size: 9pt;
        color: #00FFFF;
}
 .dime4 {
        font-family: "Times New Roman", Garamond;
        font-size: 8pt;
        color: #006400;
}
 .bnu {
        font-family: "Times New Roman", Garamond;
        color: #003366;
        font-size: 10pt;
        text-decoration: none;
        text-align: center;
}
 .snub {
        font-family: "Times New Roman", Garamond;
        font-size: 18pt;
        color: #000000;
        text-decoration: none;
}
 .sw {
        font-family: "Times New Roman", Garamond;
        font-size: 12pt;
        color: #FFFFFF;
}
  .s {
     font-family: "Times New Roman", Garamond;
     font-size: 9pt;
     text-align: justify;
     color: #335588;
     background-color: #FF6F4F;
 }
  .swnub {
     font-family: "Times New Roman", Garamond;
     font-size: 18pt;
     font-weight: BOLD;
     background-color: red;
     color: #87CEFA;
     text-decoration: none;
 }
  .sbnub {
     font-family: "Times New Roman", Garamond;
     font-size: 11px;
     font-weight: BOLD;
     color: #003366;
     text-decoration: none;
     background-color: #191970;
 }
--> 

Grazie!

[Igreo]

Sappiamo che i Browser hanno regolarmente formattato che il testo body è di default BLU, il link VIOLA e il visited ROSSO (Mi sembra di ricordare..) ... la domanda è la seguente:

Possiamo rendere nullo il visited? Cioè fare in modo che non avvenga?!
Se si, come? Forse la soluzione è dargli lo stesso colore del LINK? Se si.. poi l'HOVER, funziona correttamente?

Grazie!

[Francis87]

personalmente non sono molto interessato nel vedere i link visitati di un altro colore. Quindi in tutti i miei sito specifico solamente il tag a, e a:hover. Tutto mi funziona bene.

[Igreo]

E' strano che non mantenga l'impostazione di base.. molto strano! Sarei più tranquillo se lo possiamo richiamare mettendo niente all'interno delle parentesi.. ma lascio la parola ai più esperti!

Come mai se non lo cito e citando solo a:link, non rimane il settaggio di default per il visited? Questo è sempre vero? C'è una spiegazione croosbrowser?^^

[Myaku]

Innanzitutto, l'ordine dei link è sbagliato. Il corretto è

link, visited, hover, active

se sistemando questo ti da ancora problemi, prova definendo il colore per ciascuno stato


Cyà

[Igreo]

Elenco le mie perplessità:

1) Non ho ancora capito cosa devo fare per eliminare il funzionamento di a:visited;
2) Nonostante, come vedete dal CSS, il a:visited esiste e ha un cambio di colore, con Mozilla questo non avviene!
3) A:active a cosa diavolaccio serve? ^^;

[Myaku]

Originariamente inviato da Igreo
Elenco le mie perplessità:

1) Non ho ancora capito cosa devo fare per eliminare il funzionamento di a:visited;

gli dai le stesse proprietà di a:link

2) Nonostante, come vedete dal CSS, il a:visited esiste e ha un cambio di colore, con Mozilla questo non avviene!

ma devi ottenere un effetto sul visited o no? hai modificato l'ordine come ti ho detto? nell'html, i tag sono scritti in minuscolo?

3) A:active a cosa diavolaccio serve? ^^;

è lo stato di premuto

[Igreo]

Ti ringrazio per la pazienza... Quindi tu mi dici che mettendo lo stesso colore di a:link, il visited si annulla... ma poi, l'hover funziona? Perchè se non ricordo male, quando è attivo un collegamento visited, non avviene la "decorazione" a:hover. Mi sbaglio?

Mi hai fatto una domanda se i link in HTML vanno in minuscolo... io solitamente scrivo l'HTML in questo modo:

[url="http://..."]Un link[/url] 

C'è qualcosa di anche minimamente errato?

Grazie ancora e a presto!!

[Myaku]

Originariamente inviato da Igreo
Ti ringrazio per la pazienza... Quindi tu mi dici che mettendo lo stesso colore di a:link, il visited si annulla... ma poi, l'hover funziona? Perchè se non ricordo male, quando è attivo un collegamento visited, non avviene la "decorazione" a:hover. Mi sbaglio?

questa mi è nuova, o forse non ho capito bene. Ognimodo, se tu definisci tutte le pseudoclassi, queste si comporteranno esattamente come definito (assunto che l'ordine sia esatto, e che non vi siano errori di sintassi). Se tu dai ad esempio il color a tutte, esse lo applicheranno a seconda dello stato corrente.

Mi hai fatto una domanda se i link in HTML vanno in minuscolo... io solitamente scrivo l'HTML in questo modo:

[url="http://..."]Un link[/url] 

C'è qualcosa di anche minimamente errato?

si. i css sono case sensitive (ovvero considerano la stessa "sequenza" di lettere diversa se scritta in maiuscolo piuttosto che in minuscolo). Inoltre, se usi <A></A> con una DTD html, va bene, ma se usi una DTD xhtml è sbagliato, poichè quest'ultimo prevede che i tag siano scritti sempre in minuscolo

[Igreo]

Originariamente inviato da Myaku

si. i css sono case sensitive (ovvero considerano la stessa "sequenza" di lettere diversa se scritta in maiuscolo piuttosto che in minuscolo). Inoltre, se usi <A></A> con una DTD html, va bene, ma se usi una DTD xhtml è sbagliato, poichè quest'ultimo prevede che i tag siano scritti sempre in minuscolo

Scusami ma sono completamente all'oscuro di cosa significa DTD html e DTD xhtml... utilizzo un codice html normale e senza Doctype e come postato, il mio codice è così:

CSS

A {
        ...
}


HTML

[url="http://..."] Un link [/url]