Problemi nei link (novellino dei css)

[jonathan1]

Salve a tutti!!! Ho appena cominciato ad utilizzare i css perchè sono comodissimi! Non riesco a capire dove sbaglio però... Ho creato una pagina che si chiama top.php che è l'intestazione di un sito (la parte alta quindi) che è composto di 3 diverse tabelle con 3 diversi menù dalle caratteristiche diverse. Per non dover scrivere tutto ad ogni link ho cercato di costruire un foglio di stile chiamato webstyle.css che vorrei usare per tutto il sito. Il foglio di stile è il seguente:

body {
margin:0;
overflow:auto;
background-repeat:repeat-x;
background-color:#ffffff;
font : 12px Verdana, Arial, Helvetica, sans-serif;
color : #868585;
scrollbar-face-color:#F36822; /* barra */
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#B61F24; /* bordi */
scrollbar-darkshadow-color:#FAE393; /* ombra */
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#FAE393; /* sfondo barra */
}


linkcorpo {
A:link{ text-decoration: none; color: #B61F24; }
A:visited{ text-decoration: none; color: #B61F24; }
A:hover{ Color: #FF0000; text-decoration: none; }
}

.link2 {
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
:link { text-decoration: none; color: #B71E24; }
:visited { text-decoration: none; color: #B71E24; }
:hover { text-decoration: none; color: #F36924; }
}

.link3 {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
:link { text-decoration: none; color: #B71E24; }
:visited { text-decoration: none; color: #B71E24; }
:hover { text-decoration: none; color: #B71E24; }
}

:quote:

Il primo menù ancora lo devo creare, avevo creato prima il secondo (link2) e funzionava molto bene. Quando ho creato il terzo (link3) usando nei link la voce class
( ACCEDI <font color="#B71E24">|</font>
Registrati ora! )
il secondo menù non mi dava più il controllo :hover { text-decoration: none; color: #F36924; } in pratica era diventato come il terzo.
Scusatemi lo so che sono domande stupide ma sono un novellino e non so in che cosa ho sbagliato. Vi prego di aiutarmi a capire cosicchè possa continuare a costruire il sito.

Se non mi sono spiegato bene ditemelo eh!

A presto ciao!!!

[Myaku]

i css sono case sensitive. meglio scrivere in minuscolo, a maggior ragione se stai usando xhtml.
elimina anche le formattazioni inline, che possono "andare in conflitto" con il foglio di stile
Ricordati anche di specificare a quale browser fai riferimento

[jonathan1]

Ciao, grazie per la risposta, ho scritto tutto in minuscolo ora, ma il risultato non cambia, cosa posso fare adesso?

[Myaku]

Originariamente inviato da jonathan1
Ciao, grazie per la risposta, ho scritto tutto in minuscolo ora, ma il risultato non cambia, cosa posso fare adesso?

hai eliminato le formattazioni inline?
l'html e il css sono validati?
qual'è il browser a cui fai riferimento?

è corretto che entrambi gli elementi "accedi" e "registrati ora" richiamino la stessa classe?

[Myaku]

attenzione, ho visto ora che il tuo css è strutturato male
non puoi definire le pseudoclassi all'interno di {} di un altro elemento

[jonathan1]

Infatti era un dubbio che avevo ma non ne ero sicuro. Ho letto anche tutta la guida e adesso l'ho riscritto secondo regola ma non riesco a farlo funzionare perchè non si prendere proprio la classe. Per piacere mi aiuti a correggerlo? Non saprei a chi chiedere...

body {
margin:0;
overflow:auto;
background-repeat:repeat-x;
background-color:#ffffff;
font:12px verdana, arial, helvetica, sans-serif;
color:#868585;
scrollbar-face-color:#f36822; /* barra */
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#b61f24; /* bordi */
scrollbar-darkshadow-color:#fae393; /* ombra */
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#fae393; /* sfondo barra */
}

A.primo:link { color: #f36924; text-decoration: none }
A.primo:visited { color: #f36924; text-decoration: none }
A.primo:hover { color: #b71e24; text-decoration: none }
A.secondo:link { color: #b71e24; text-decoration: none }
A.secondo:visited { color: #b71e24; text-decoration: none }
A.secondo:hover { color: #f36924; text-decoration: none }
A.terzo:link { color: #b71e24; text-decoration: none }
A.terzo:visited { color: #b71e24; text-decoration: none }
A.terzo:hover { color: #b71e24; text-decoration: none }



.secondo {
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

.terzo {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
}


:quote:

[jonathan1]

Mi correggo, la class="secondo" funziona ma non quando passo il mouse sopra il link che dovrebbe cambiare colore con A.secondo:hover { color: #f36924; text-decoration: none } invece non succede quindi il css è scritto ancora male ma non so dove.

[jonathan1]

Funziona ora provo l'altro link e ti faccio sapere.
Grazie ciao!

[jonathan1]

Funziona anche l'altro link (class="terzo") il codice è giusto:

body {
margin:0;
overflow:auto;
background-repeat:repeat-x;
background-color:#ffffff;
font:12px verdana, arial, helvetica, sans-serif;
color:#868585;
scrollbar-face-color:#f36822; /* barra */
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#b61f24; /* bordi */
scrollbar-darkshadow-color:#fae393; /* ombra */
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#fae393; /* sfondo barra */
}


A.primo:link { color: #f36924; text-decoration: none }
A.primo:visited { color: #f36924; text-decoration: none }
A.primo:hover { color: #b71e24; text-decoration: none }
A.secondo:link { color: #b71e24; text-decoration: none }
A.secondo:visited { color: #b71e24; text-decoration: none }
A.secondo:hover { color: #f36924; text-decoration: none }
A.terzo:link { color: #b71e24; text-decoration: none }
A.terzo:visited { color: #b71e24; text-decoration: none }
A.terzo:hover { color: #b71e24; text-decoration: none }

.secondo {
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

.terzo {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
}


Grazie mi sei stato veramente d'aiuto, senza il tuo consiglio non avrei trovato il problema.
Ciao a presto!