parere su redesign: CSS

[thomas_anderson]

http://gabrieleromanato.altervista.org/style/serif.css

non sono riuscito ad eliminare 5 avvisi del validatore. fondamentalmente non capisco una cosa:
per soddisfare la bestia bisognerebbe avere un colore di sfondo e di primo piano diversi per ongi elemento. allora sono andato a vedere i w3c core styles: stessa storia e una montagna di warning. fra l'altro sono css ridondanti, ma sono giustificati perchè furono scritti molti anni fa.

non sarebbe più semplice, invece degli avvisi di colore, mettere un link al
Colour Contrast Analyzer del W3C e risparmiare dei dubbi a chi clicca sul bottone del valid
css? noi lo sappiamo, ma i clienti? perplesso, aspetto oracoli.

[thomas_anderson]

altervista altervista...

html {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background: #f8f8f8;
	color: #000;
	font-family: Georgia, serif;
	font-size: 1em;
	line-height: 1.8;
	margin: 2em 12% 2em 12%;
	padding: 0;
	border-top: 7px solid #000;
}





code, pre {
	color: #CC6600;
	font-size: 1em;
	font-family: "Andale Mono", "Courier New", Courier, monospace;
}


a:link, a:visited {
	color: #900;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}



a:hover {
	text-decoration: underline;
	color: #622;
	background: transparent;
}


h1 {
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: .2em;
	font-family: "Times New Roman", Times, serif;
	margin: 1.667em 0 0 0;
	text-align: center;
}

h2 {
	font-size: 1.2em;
	margin: 1.667em 0 0 0;
}


h3 {
	letter-spacing: .2em;
	margin: 1.667em 0 0 0;
	font-size: 1.1em;
	
}

h4 {
	font-style: italic;
	font-weight: bold;
	margin: 1.667em 0 0 0;
}


ul {
	list-style-type: square;
	margin: .33em 0 .33em 1.8em;
	padding: 0;
}

ol {
	margin: .33em 0 .33em 1.8em;
	padding: 0;
}


li {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 .667em 1.8em;
}

blockquote {
	margin: .667em 0 .667em 0;
	padding-left: 10px;
	border-left: 7px solid #ccc;
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
}

/* Adds */

#nav {
    margin: 1em 0;
	padding: 3px 0;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
#nav li {
    display: inline;
	padding: 0 0.5em;
	height: 0;
	margin: 0;
}
#nav li a:link, #nav li a:visited, #nav li strong {padding: 4px;}
#nav li a:hover {color: #000; background: #fec;}

.help {cursor: help; border-bottom: 1px dashed #000;}

[J-MK]

Allora, se te gli dai un {background-color: colorechevuoi;} lui è contento. Non gli importa che il colore sia lo stesso per ogni pagina, se gli dai il colore del testo lui pretende anche quello del contenitore, anche se è bianco, come di default.

Invece per gli ultimi due avvisi, la mia "esperienza" mi dice che è un errore che fa ogni tanto, se risolvi come ti ho detto su gli altri due errori, vedrai che ti risolve in automatico anche gli altri, senza che tu debba far nulla. Potrebbe presentarti nuovamente gli ultimi due errori, ogni tanto, casualmente, ma penso sia un problema loro, anche perchè di danno un allert stupido, senza significato, visto e considerato che con il display si possono cambiare i block in inline e viceversa.

[Mich_]

"... Suggerire a Lei che sa di Latino ..." (Manzoni, Promessi sposi, don Abbondio incontra i bravi)

Non ho visto la pagina citata: suppongo sia stata tolta nel frattempo.
Ho notato anch'io qualche incongruenza nei validatori W3C. Ho l'impressione che ci sia piu` di un server, a cui la pagina viene indirizzata di volta in volta (probabilmente a seconda del carico), e non tutti i server hanno la stessa versione del validatore, per cui ogni tanto fa un lavoro molto buono, altre tralascia qualche commento. Nei casi che avevo verificato io saltava la notifica di qualche errore.

Per quanto riguarda il warning "manca lo sfondo... manca il colore", e` semplicemente un modo per dire: "Io non sono in grado di verificare se il contrasto colore e` sufficiente: se ne sei sicuro tu, umano, va bene" (o qualcosa del genere). I warning non necessariamente nascondono un errore.