Avvisi di validazione, colori diversi per tutto

pikadilly

Avvisi di validazione, colori diversi per tutto

Ciao a tutti,
fino a ieri ero sicurissima che i miei fogli di stile fossero puliti senza problemi di sorta.
Oggi scopro una cosa che mi ha lasciato perplessa.
Se dal mio sito clicco sul collegamento al validatore css la validazione passa tranquillamente, se invece immetto il percorso del css nella pagina principale del validatore css mi vengono fuori degli avvisi che mi sembrano a dir poco assurdi, nel senso che sono avvisi tipo: Il colore di sfondo per body è uguale al colore di carattere per testo1, ad esempio.
Ma perchè io non posso volere una pagina con sfondo bianco e testo bianco all'interno di un altro div con sfondo colorato di blu (esempio)? E se poi in un altro div con sfondo rosa shock non posso inserire un testo blu senza che il validatore mi segnali che ho usato lo stesso colore per il colore di sfondo del div usato prima?

Scusate se il thread è contorto, ma io non capisco davvero, secondo il validatore devo fare una pagina multicolor?
Grazie a tutti

misterwo

hihihihi
capita anche a me, sinceramente lo odio quando fa così...

forse dovresti usare background:transparent url() ecc...non so xò come reagisce...

karedas

Ciao Pikdilly
Penso tu abbia interpretato male l'errore.
In realtà lui ti suggerisce , intendendo di cosa parli/a , che non è consono usare lo stesso attributo più volte quando potrebbe essere diciamo "compattato".

Ad esempio:
[HTML]body{
background-color:#000000;
height:100%;
}
#div1{
float:left;
background-color:#000000;
}

p{
font-size:1.2em;
color:#FFFFFF;
background-color:#000000;
}
[/HTML]

Come vedi è una ripetizione inutile dell'attributo il quale può semplicemente essere filtrato in questo modo:

[HTML]body,#div1,p{
background-color:#000000;
}[/HTML]

Devo dire che a me questo metodo pur essendo una loro valutazione piace e non piace ed infatti a volte non riesco , per forza di cose e per necessità, a validarlo appropriatamente arrivando ad avere errori (avvisi + che altro) come nel tuo caso.

pikadilly

No ragazzi, non intendevo quello.
Intendevo proprio che lui ti avvisa che hai usato lo stesso colore per lo sfondo di body e per il testo di box1, ad esempio. Le proprietà cambiano, quello che rimane idendico è il valore.
Non so se mi spiego.

Guardate questa validazione...mi sta avvisando al punto numero due che sto usando lo stesso valore per lo sfondo e per il testo di due classi diverse.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.pikadilly.it
%2Fblog%2Fwp-content%2Fthemes%2Fygo-soo-simple-10%2Fstyle.css&warning=
1&profile=css21&usermedium=all

Allo stesso tempo qui invece non mi segnala nulla..

http://jigsaw.w3.org/css-validator/validator?profile=
css21&warning=0&uri=http%3A%2F%2Fwww.pikadilly.it%2Fblog%2F

karedas

Vediamo, potresti farci vedere la tua pagina?

pikadilly

La pagina presa in esempio è questa:
h t tp:// w w w.pikadilly.it/blog/

Ci sono vari fogli di stile, ma prendo quello del templates per esempio

karedas

Sinceramente non capisco anche perchè mi sta continuando a dire che il tuo CSS è in condizioni ottimali mhh....

pikadilly

@karedas said:

Sinceramente non capisco anche perchè mi sta continuando a dire che il tuo CSS è in condizioni ottimali mhh....

Che intendi?

karedas

Che non presenta errori di nessun tipo

pikadilly

Errori no, ma avvisi sì e non capisco perchè il validatore dovrebbe avvisarmi se ho usato lo stesso colore per il testo e per lo sfondo di un altro box, come se non si potessero usare colori identici per proprietà diverse...non ha senso...non so se mi spiego

karedas

Ok penso di aver intuito il motivo anche se magari qualcuno potrebbe correggermi.

Avere un colore di sfondo e di testo identici equivale a rendere il testo invisibile. Tu conta che per un fatto di accessibilità l'utente potrebbe aver disabilitato la visualizzazione delle immagini e... il gioco è fatto il tuo contenuto (ad esempio "bianco su bianco") non esisterebbe apparentemente (se non evidenziando a casaccio con il mouse ).

Poi c'è un errore come:

Le tipologie di carattere che contengono degli spazi all'interno del nome dovrebbero essere racchiuse tra virgolette. Se si omettono le virgolette, qualsiasi spazio prima e dopo il nome viene ignorato e qualsiasi sequenza di caratteri di spaziatura all'interno del nome viene convertita in un singolo spazioQuesto perchè probabilmente non hai inserito le citate virgolette in parametri come:

body{
font-family: "Times new roman";
}

Per il resto torno a dire che gli avvisi sono sicuramente da tenere di conto per chi volesse appunto come te ricreare una pagina perfetta nel suo stile e nella sua fisionomia; non sono però, come lui ti avvisa, degli errori!

Quindi bè, semplicemente potresti rimuovere il colore di sfondo , inserirne un altro o come dice mistertwo aggiungere la proprietà "transparent".
Conta però che la proprietà "transparent" dell'attributo background è un valore che non può coincidere con l'alfanumerico del tuo colore quindi o metti uno o metti l'altro!

Ciao pika!

editato

pikadilly

No scusami, mi sa che non mi sono ancora spiegata.

Poniamo che io ho un sito senza immagini, solo div id e classi, ok??
Bene.

Ho body, id contenitore, classe box1.

Body ha lo sfondo bianco.
Contenitore nulla
Box1 uno ha sfondo blu e testo bianco.

Il validatore se valida la pagina con avvisi (ci sono le scelte nella home del validatore) mi dirà che il colore di sfondo di body è lo stesso del colore del testo di box1.
Non ci sono immagini in questa pagina...ma ci sono due colori identici per propietà diverse....adesso mi chiedo, perchè il validatore li segnala anche se solo come avvisi?

SitiSeo

si ma il colore di background e del testo, aventi lo stesso colore, non sono elementi dello stesso attribbuto, quindi non può interpretarlo come testo nascosto o cose del genere...

karedas

Ok scusa per averti fatto perdere tempo
Spulciando qua e la è risultato evidente che è proprio un errore del validatore che probabilmente mantiene ancora alcuni bug.
L'unica soluzione che ho trovato fino ad ora è usare varianti diverse negli attributi come:

riferimento 1: background-color:#FFFFFF;
riferimento 2:background-color:white;
riferimento 3: background-color:rgb(codice rgb);

Ora questo dovrebbe teoricamente saltare i tuoi famosi avvisi però una delle linee guida della validazione css dice anche di non usare i "nomi" per richiamare il colore del testo.

Quindi bè, attualmente non mi viene in mente niente l'unica che ti consiglio è di sorvolare per ora. Se riesco a trovare qualcosa di logico te lo ripropongo altrimenti vediamo se riesce ad aiutarti qualche altro nostro gt-iano

SitiSeo

bhè, la prima ipotesi la scarterei a priori, anche perchè se ho piu di 3 proprietà, (cosa probabile) che faccio ?

Se è un bug, spero lo sistemino presto...

karedas

Ecco ti ho trovato anche un'altra possibilità spulciando qua e la.

Potresti sfruttare un exploit di questo tipo:

color:#000000;**
background-color:**#000001;

Ora cosa abbiamo fatto noi?
La dove ti mosterà l'errore andrai a cambiare di una singola cifra il tuo colore. Questo visivamente rimarrà praticamente identico ne ci sarà differenza. Mentre per il validatore saranno due colori differenti e te lo passerà.

Il problema sta che tutto questo forse sarà un processo un pò lungo da sistemare ma è l'unica risorsa che mi è rimasta

Ciao!

pikadilly

Ok, questo lo so, ma se uno vuole il bianco bianco sia per il testo del box1 (che ricordo ha lo sfondo blu) sia per lo sfondo di body...perchè il validatore te lo deve far notare??
Un sito di grandi dimensioni non lo si può fare multicolor anche se cambia un numerino e la cosa è impercettibile...

E' proprio una cosa insenstata :D:D