Chiarimenti errori validatore CSS

[sonik_the_sonik]

Salve,

ho provato a validare il codice css della mia pagina e mi restituisce tre classi di errori che sintetizzo:

Prima:

Line : 4 (Level : 1) You have no background-color with your color : body

body{
    font: 0.75em "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
    background: transparent;
    color: #333333;
    margin:0;
    padding:0;
    text-align:center;}

oppure

.nota{
    color: #003399;
    background: transparent;
    font-size: 16px;
    line-height:16px;
    margin:3px;
    padding:0;
    display:none;}

Seconda:

Line : 48 (Level : 2) Redefinition of margin-bottom : #footer h3 

#navigation h3, #extra h3, #center h1, #footer h3{
    font-variant: small-caps;
    margin:0;
    margin-bottom: 10px;}

Terza:

Line : 50 (Level : 1) Same colors for color and background-color in two contexts ul#pagination a:hover and a

ul#pagination a:hover{background: #d40d16; color: #FFF}

a {text-decoration: underline; color: #d40d16;}

Il numero di errori è maggiore ma sono tutti dello stesso tipo!! E non riesco a capire perchè non ce la faccio a risolverli.

So che questo è l'ennesimo post di aiuto, ma vi chiederei uno sforzo dato che questi sono gli unici errori che mi da il validatore e ci terrei davvero tanto ad avere un css valido da accoppiare a pagine valide xhtml 1.1 (che ho già!!)

Grazie mille.

[panta1978]

Line : 4 (Level : 1) You have no background-color with your color : body

Non è un errore, è un warning (fare una ricerca con parole chiave background color aiuterebbe...)

Line : 48 (Level : 2) Redefinition of margin-bottom : #footer h3 

#navigation h3, #extra h3, #center h1, #footer h3{
    font-variant: small-caps;
    margin:0;
    margin-bottom: 10px;}

Hai definito due volte il margin-bottom di #footer h3. Se spulci tutto il CSS dovrebbe esserci un'altra definizione di #footer h3. Anche questo è un warning, credo.

Line : 50 (Level : 1) Same colors for color and background-color in two contexts ul#pagination a:hover and a

ul#pagination a:hover{background: #d40d16; color: #FFF}

a {text-decoration: underline; color: #d40d16;}

Oh, basta saper leggere. Stesso colore per testo e background (#d40d16). Questo non so se sia un errore o un warning.

Se comunque ti compare la scritta CONGRATULATIONS! This document validates as CSS sei a posto.

Controlla quali sono warning, e quali errori.

[sonik_the_sonik]

Non è un errore, è un warning (fare una ricerca con parole chiave background color aiuterebbe...)

Anche se ho messo background-color: transparent; da il warning...

Hai definito due volte il margin-bottom di #footer h3. Se spulci tutto il CSS dovrebbe esserci un'altra definizione di #footer h3. Anche questo è un warning, credo.

La ridefinizione vale anche nel caso che definisco un margin-bottom sia in #footer h3 che h3?

Continuo a non capire:

ul#pagination a:hover{background: #d40d16; color: #FFF}

a {text-decoration: underline; color: #d40d16;}

Devo definire un background-color esplicito per a?

Se comunque ti compare la scritta CONGRATULATIONS! This document validates as CSS sei a posto.

Ehm... veramente no... è questo che mi turba. Dato che ho solo warnings e non ho errori...

Dunque i warnings sono ignorabili ai fini della validazione?

[panta1978]

Anche se ho messo background-color: transparent; da il warning...

Fregatene.

La ridefinizione vale anche nel caso che definisco un margin-bottom sia in #footer h3 che h3?

Sì

Continuo a non capire:

ul#pagination a:hover{background: #d40d16; color: #FFF}

a {text-decoration: underline; color: #d40d16;}

Devo definire un background-color esplicito per a?

NO! Scusa, hai un testo con colore #d40d16 (rosso scuro, direi), e lo sfondo è dello stesso colore. Secondo te si vede qualcosa?

Dunque i warnings sono ignorabili ai fini della validazione?

Sì.

[sonik_the_sonik]

Grazie per tutti i chiarimenti.

C'è però ancora una cosa che non riesco proprio a capire

a {text-decoration: underline; color: #d40d16;}

Questa è la definizione di tutti i link "standard", di colore rosso e sottolineati

ul#pagination a:hover{background: #d40d16; color: #FFF}

Questa è la definizione specifica dello stato hover per alcuni link che mi servono per organizzare una paginazione. Sfondo rosso e testo bianco.

Non capisco perchè dovrebbe dare il warning...

Grazie e scusa per la durezza della mia testa!!

[panta1978]

Originariamente inviato da sonik_the_sonik
Grazie per tutti i chiarimenti.

C'è però ancora una cosa che non riesco proprio a capire

a {text-decoration: underline; color: #d40d16;}

Questa è la definizione di tutti i link "standard", di colore rosso e sottolineati

ul#pagination a:hover{background: #d40d16; color: #FFF}

Questa è la definizione specifica dello stato hover per alcuni link che mi servono per organizzare una paginazione. Sfondo rosso e testo bianco.

Non capisco perchè dovrebbe dare il warning...

Grazie e scusa per la durezza della mia testa!!

Prova a visualizzare la pagina, dovresti accorgertene.
Da quel che ho visto, i link standard hanno colore #d40d16. In ul#pagination hanno colore #fff solo quando sono attivi (hover), mentre quando sono inattivi dovrebbero essere rossi come lo sfondo.

Provare per credere.

[homezappa]

Originariamente inviato da sonik_the_sonik
Seconda:

Line : 48 (Level : 2) Redefinition of margin-bottom : #footer h3 

#navigation h3, #extra h3, #center h1, #footer h3{
    font-variant: small-caps;
    margin:0;
    margin-bottom: 10px;}

Qua tu devinisci veramente 2 volte il margin-bottom!
Perchè:
scrivere:

margin:0;

è la forma abbreviata di:

margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;

poi tu aggiungi

margin-bottom:10px;

e lui ti dà il warning.
Tanto lo sai ma te lo dico lo stesso: i margin, padding, ecc.. nella forma breve accettano i valori nell'ordine delle lancette dell'orologio: top right bottom left
quindi avresti dovuto scrivere:

margin: 0 0 10px 0;

ciao!
HTH
Zappa

[sonik_the_sonik]

Originariamente inviato da panta1978
Prova a visualizzare la pagina, dovresti accorgertene.
Da quel che ho visto, i link standard hanno colore #d40d16. In ul#pagination hanno colore #fff solo quando sono attivi (hover), mentre quando sono inattivi dovrebbero essere rossi come lo sfondo.

Provare per credere.

Ed è qui che la cosa non mi torna! Perchè io ho una definizione del tipo:

ul#pagination a{
    text-decoration: none;
    padding: 0 10px;
    background: #FFF;
    color: #d40d16}

Dunque testo BIANCO su sfondo rosso!!! Mah...

[sonik_the_sonik]

Originariamente inviato da homezappa
Qua tu devinisci veramente 2 volte il margin-bottom!
Perchè:
scrivere:

margin:0;

è la forma abbreviata di:

margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;

poi tu aggiungi

margin-bottom:10px;

e lui ti dà il warning.

Ma come sono rinco...to!!! Hai perfettamente ragione! E' solo che ho l'abitudine di azzerare il margin a quasi tutto e poi impostarlo come mi pare con altre definizioni... è un'abitudine che devo decisamente perdere!! Comunque credo che l'avrei corretto perchè alla fine farò un'ottimizzazione del css riga per riga... (ma esiste qualche programmino che lo fa?)

Tanto lo sai ma te lo dico lo stesso: i margin, padding, ecc.. nella forma breve accettano i valori nell'ordine delle lancette dell'orologio: top right bottom left
quindi avresti dovuto scrivere:

margin: 0 0 10px 0;

Grazie lo stesso per la rinfrescata...