Salvez!
Vorrei chiedervi due cose sulla validazione del sito, spero possiate aiutarmi...
1) Ho visto in alcuni siti che, oltre al bollino "valid (x)html" e "valid CSS", ce n'è un altro che si chiama "WAI AAA".
In cosa si differenzia dagli altri due ed eventualmente come lo si può ottenere? C'è una pagina apposita dove inserire il proprio codice?
2) Sto ultimando il mio sito in xhtml e css........ho controllato il codice ed è tutto ok per quanto riguarda l'xhtml, mentre per il css non mi dà errori, bensì degli avvertimenti, cioè questi:
Line : 107 (Level : 1) You have no color with your background-color : p.img
Line : 112 (Level : 1) You have no color with your background-color : p.img2
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active
E il mio codice CSS è il seguente:
body {
background-color : #f0f0f0;
color : #000000;
background-image : url(images/sfondo.jpg);
background-repeat : repeat-y;
background-position : center;
text-align : center;
}
div#container {
color : #000000;
background-color : #ffffff;
border : 0 solid;
border-color : #696934;
margin : 0 auto;
width : 746px;
}
div#header {
color : #000000;
padding : 0.5em;
background : #f0f0f0;
}
table {
border : 0 solid #ffffff;
text-align : center;
}
td {
color : #000000;
background : #f0f0e1;
padding : 6px;
}
h1 {
margin : 0;
padding : 0;
}
h2 {
font-size : 1.5em;
text-align : center;
}
.testo {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #000000;
background-color : #ffffff;
text-align : justify;
}
.testo2 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo3 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
font-weight : bold;
text-align : center;
}
.testo4 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : right;
font-weight : bold;
}
.testo5 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo6 {
font : 14px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : center;
font-weight : bold;
}
div#navigation {
background : #ffffff;
color : #000000;
}
div#content {
padding : 0 1.5em;
}
div#content p {
line-height : 1.3em;
}
div#footer {
padding : 0.1em;
background : #f0f0f0;
color : #696934;
text-align : center;
clear : right;
}
div#navigation {
float : right;
width : 9em;
}
div#content {
margin-right : 13em;
}
p.img {
float : left;
width : 150px;
background-color : #ffffff;
}
p.img2 {
float : left;
width : 40px;
background-color : #ffffff;
}
p.c1 {
float : right;
width : 100px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
p.c2 {
width : 481px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
a {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:link {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:visited {
color : #cccccc;
background : #ffffff;
font-weight : bold;
}
a:active {
color : #993333;
background : #ffffff;
font-weight : bold;
}
a:hover {
color : #000000;
background : #f0f0e1;
}
.menu {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : justify;
font-weight : bolder;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu li a {
display : block;
text-decoration : none;
padding : 0 1em;
height : 2em;
line-height : 2em;
}
ul.menu li {
display : inline;
}
ul.menu li {
background : url(sfumato.png);
}
ul.menu li a:hover, ul.menu li a:active {
background : #f0f0e1 url(sfumato.png) repeat-y 100% 0;
}
Domandona finale: anche con questi avvertimenti il codice è comunque valido? E come posso comunque correggerlo in modo che non mi dia neppure "Warnings"???
Spero nel vostro aiuto, grazieeee dell'attenzioneeeeeeeee! :faraone:
Vorrei chiedervi due cose sulla validazione del sito, spero possiate aiutarmi...
1) Ho visto in alcuni siti che, oltre al bollino "valid (x)html" e "valid CSS", ce n'è un altro che si chiama "WAI AAA".
In cosa si differenzia dagli altri due ed eventualmente come lo si può ottenere? C'è una pagina apposita dove inserire il proprio codice?
2) Sto ultimando il mio sito in xhtml e css........ho controllato il codice ed è tutto ok per quanto riguarda l'xhtml, mentre per il css non mi dà errori, bensì degli avvertimenti, cioè questi:
Line : 107 (Level : 1) You have no color with your background-color : p.img
Line : 112 (Level : 1) You have no color with your background-color : p.img2
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active
E il mio codice CSS è il seguente:
body {
background-color : #f0f0f0;
color : #000000;
background-image : url(images/sfondo.jpg);
background-repeat : repeat-y;
background-position : center;
text-align : center;
}
div#container {
color : #000000;
background-color : #ffffff;
border : 0 solid;
border-color : #696934;
margin : 0 auto;
width : 746px;
}
div#header {
color : #000000;
padding : 0.5em;
background : #f0f0f0;
}
table {
border : 0 solid #ffffff;
text-align : center;
}
td {
color : #000000;
background : #f0f0e1;
padding : 6px;
}
h1 {
margin : 0;
padding : 0;
}
h2 {
font-size : 1.5em;
text-align : center;
}
.testo {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #000000;
background-color : #ffffff;
text-align : justify;
}
.testo2 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo3 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
font-weight : bold;
text-align : center;
}
.testo4 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : right;
font-weight : bold;
}
.testo5 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo6 {
font : 14px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : center;
font-weight : bold;
}
div#navigation {
background : #ffffff;
color : #000000;
}
div#content {
padding : 0 1.5em;
}
div#content p {
line-height : 1.3em;
}
div#footer {
padding : 0.1em;
background : #f0f0f0;
color : #696934;
text-align : center;
clear : right;
}
div#navigation {
float : right;
width : 9em;
}
div#content {
margin-right : 13em;
}
p.img {
float : left;
width : 150px;
background-color : #ffffff;
}
p.img2 {
float : left;
width : 40px;
background-color : #ffffff;
}
p.c1 {
float : right;
width : 100px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
p.c2 {
width : 481px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
a {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:link {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:visited {
color : #cccccc;
background : #ffffff;
font-weight : bold;
}
a:active {
color : #993333;
background : #ffffff;
font-weight : bold;
}
a:hover {
color : #000000;
background : #f0f0e1;
}
.menu {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : justify;
font-weight : bolder;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu li a {
display : block;
text-decoration : none;
padding : 0 1em;
height : 2em;
line-height : 2em;
}
ul.menu li {
display : inline;
}
ul.menu li {
background : url(sfumato.png);
}
ul.menu li a:hover, ul.menu li a:active {
background : #f0f0e1 url(sfumato.png) repeat-y 100% 0;
}
Domandona finale: anche con questi avvertimenti il codice è comunque valido? E come posso comunque correggerlo in modo che non mi dia neppure "Warnings"???
Spero nel vostro aiuto, grazieeee dell'attenzioneeeeeeeee! :faraone: