Résultats de la validation W3C CSS de http://www.daniel-rico.com/css/gen.css (CSS niveau 2.1)

Félicitations ! Aucune erreur trouvée.

Ce document est valide conformément à la recommandation CSS niveau 2.1 !

Pour montrer à vos lecteurs votre souci d'interopérabilité lors de la création de cette page Web, vous pouvez afficher cette icône sur toutes les pages valides. Voici le fragment de XHTML que vous pouvez utiliser pour ajouter cette icône à votre page Web:

CSS Valide ! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS Valide !" />
    </a>
</p>
CSS Valide ! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS Valide !" />
</a>
</p>

(fermez le tag img avec > au lieu de /> si vous utilisez HTML <= 4.01)

Si vous le désirez, vous pouvez télécharger une copie de cette image dans votre répertoire Web local, et changer le fragment d'HTML décrit ci-dessus pour réferencer le nouvel emplacement de celle-ci.

Si vous voulez créer un lien direct sur le résultat de cette validation, afin de revalider facilement, ou de permettre à d'autres de vérifier facilement la validité de votre document, l'URI de cette page est : 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.daniel-rico.com%2Fcss%2Fgen.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (uniquement avec des documents HTML/XML)

(Vous pouvez aussi l'ajouter directement à vos signets.)

↑ Top

Avertissements (9)

URI : http://www.daniel-rico.com/css/gen.css

73 #top ul li a In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
135 #featured In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
146 #intro #intro_link span In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
194 #footer p In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
241 .encart a In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
254 #thumb In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
367 .infos_none In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
367 .infos_show In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
637 button In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

↑ Top

Votre feuille de style CSS validée :

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
font-weight : normal;
}
:focus {
outline : 0;
}
a {
text-decoration : none;
}
p {
text-align : justify;
}
ol, ul {
list-style : none;
}
html, body {
height : 100%;
text-align : center;
font-family : Verdana, helvetica, arial;
background : #f1f8e2 url(../img/bg_top.gif) repeat-x top;
}
h1 {
color : #7c9309;
font-size : 1.3em;
}
acronym {
border-bottom : 1px dashed #a09781;
}
#global {
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -100px auto;
}
#top {
margin : 0 auto;
position : relative;
width : 850px;
height : 96px;
}
#top ul {
text-align : center;
}
#top ul li {
display : inline;
}
#top ul li img {
height : 56px;
margin-bottom : 5px;
}
#top ul li a {
float : right;
height : 96px;
margin-left : 40px;
color : #f8fbe6;
font-size : 0.9em;
}
#top ul li a:hover, #menu_on a {
background : url(../img/menu_on.gif) no-repeat bottom center;
}
#logo img {
float : left;
margin-left : -68px;
position : relative;
}
#content {
margin : auto;
text-align : left;
width : 850px;
}
#intro {
background : #bae069 url(../img/bg_intro.jpg) repeat-x bottom;
}
#intro p {
margin : 0 auto;
width : 850px;
font-family : Georgia, "Times New Roman", Serif;
line-height : 25px;
color : #716b4e;
font-size : 1.04em;
text-align : left;
}
#intro p span {
padding : 50px 0 15px 0;
font-size : 1.7em;
display : block;
}
#intro p i {
color : #fafef3;
font-style : normal;
}
#intro p a span {
font-size : 0.65em;
}
#intro_accueil {
height : 350px;
}
#featured {
float : right;
margin : 29px 0 15px 62px;
}
#intro_link {
margin-top : 20px;
}
#intro_link img {
float : right;
}
#intro #intro_link span {
float : right;
padding : 0;
border-bottom : 1px solid #e0ecc5;
font-family : Verdana, helvetica, arial;
color : white;
line-height : 15px;
cursor : pointer;
}
#intro #intro_link span:hover {
border-bottom : 1px solid white;
}
#middle {
margin : 35px auto 50px auto;
width : 850px;
text-align : left;
}
#middled {
margin : 15px auto 50px auto;
width : 850px;
text-align : left;
}
#cale {
height : 90px;
clear : both;
}
#footer {
margin : 0 auto;
height : 42px;
padding-top : 58px;
width : 850px;
background : url(../img/bg_footer.jpg) repeat-x bottom;
text-align : left;
font-size : 0.7em;
}
#footer p {
color : #383225;
float : left;
padding : 15px 60px 0 16px;
}
#footer p a {
color : #383225;
}
#footer p a:hover {
border-bottom : 1px solid #383225;
}
#footer img {
float : right;
}
#footer ul {
padding-top : 16px;
}
#footer li {
display : inline;
margin : 12px;
}
#footer li a {
color : #383225;
}
#footer li a:hover {
border-bottom : 1px solid #383225;
}
.encart {
float : left;
width : 230px;
}
.encart p {
margin-top : 20px;
font-size : 0.75em;
color : #3b3527;
line-height : 20px;
}
.encart a {
float : right;
margin-top : 15px;
padding-left : 10px;
font-size : 0.9em;
line-height : 14px;
color : #74890b;
border-bottom : 1px solid #e5dfd1;
background : url(../img/puce_encart.gif) no-repeat left;
}
.encart a:hover, #encart_2 a:hover {
border-bottom : 1px solid #bcc491;
}
#thumb {
float : none;
display : block;
padding : 4px;
margin : 5px 0;
background : #fff;
border : 1px solid #d3d8c3;
}
#thumb img {
display : block;
}
#thumb i {
display : none;
}
#thumb:hover i {
display : block;
position : absolute;
width : 220px;
height : 65px;
padding-top : 40px;
text-align : center;
background : #2e2a22;
font-size : 1.2em;
text-decoration : underline;
cursor : pointer;
font-weight : bold;
font-family : Georgia, "Times New Roman", Serif;
}
.encart ul {
margin : 12px 0 10px 0;
}
.encart li {
padding-left : 35px;
margin-top : 10px;
background : url(../img/puce.gif) no-repeat left;
font-size : 0.8em;
color : #3b3527;
}
#encart_2 {
margin : 0 70px;
}
#encart_2 p, #encart_3 p {
text-align : left;
}
#encart_2 span {
padding : 2px 5px 3px 5px;
background : #a6cb57;
color : white;
font-size : 0.85em;
}
#encart_3 {
width : 250px;
}
#encart_3 a {
font-size : 0.7em;
}
#intro_work {
height : 220px;
}
#intro_work p {
padding-top : 50px;
}
#intro_work a {
color : white;
}
#intro_work a:hover {
border-bottom : 1px solid #f3f7ec;
}
#portfolio h1 {
clear : both;
margin-left : 4px;
text-transform : uppercase;
color : #413a2b;
font-family : arial, verdana, sans-serif;
font-weight : bold;
font-size : 1.4em;
}
#portfolio h2 {
padding-bottom : 6px;
margin : 0 8px 35px 4px;
text-transform : uppercase;
color : #88ac3d;
font-family : arial, verdana, sans-serif;
font-weight : bold;
font-size : 0.95em;
border-bottom : 1px solid #817862;
}
#portfolio h3 {
margin-bottom : 10px;
font-weight : bolder;
text-transform : uppercase;
font-size : 1.2em;
color : white;
}
#portfolio li {
margin-bottom : 10px;
}
.infos_none, .infos_show {
float : left;
margin : 0 40px 40px 0;
}
.unmarged .infos_none, .unmarged .infos_show {
margin : 0 0 40px 0;
}
.infos_none .infos, .infos_none .view_large {
display : none;
}
.infos_show .infos, .infos_show .view_large {
display : block;
}
.infos {
position : absolute;
width : 366px;
height : 200px;
margin : 8px 0 0 8px;
padding : 10px 10px 0 10px;
font-size : 0.7em;
line-height : 16px;
background : #2e2a22;
color : white;
}
.infos span {
color : #92c12f;
text-transform : uppercase;
}
.infos a {
color : #d4e5b5;
border-bottom : 1px solid #536c1d;
}
.infos a:hover {
border : 0;
}
.visit {
text-align : center;
}
.visit a {
padding : 5px 0 10px 0;
font-size : 1.2em;
font-weight : bold;
border : 0 !important ;
}
.visit a:hover {
color : white;
text-decoration : underline;
}
.view_large .thickbox {
position : absolute;
width : 366px;
height : 120px;
padding : 90px 10px 0 10px;
margin : 8px 0 0 8px;
font-family : georgia, "Times new roman", serif;
font-weight : bold;
font-style : italic;
font-size : 1.1em;
text-align : center;
text-decoration : underline;
border : 0 !important ;
background : #2e2a22;
color : white;
}
.none {
display : none;
}
#about h1 {
clear : both;
}
#intro_about {
height : 260px;
}
#intro_about p {
padding-top : 50px;
}
#intro_about a {
color : white;
}
#intro_about a:hover {
border-bottom : 1px solid #f3f7ec;
}
#intro_about strong {
background : #b0d264;
border-bottom : 1px solid #badb72;
}
#else {
float : left;
margin : 15px 0 80px 0;
font-size : 0.75em;
line-height : 20px;
color : #3b3527;
width : 500px;
padding-right : 50px;
}
#else strong {
background : #fff;
}
#skills {
float : left;
width : 250px;
margin-top : 15px;
padding : 12px 0 25px 20px;
color : #55513f;
background : #fff;
border-bottom : 8px solid #badb72;
}
#skills h2 {
font-size : 1.4em;
margin-bottom : 22px;
}
#skills li {
padding-left : 25px;
font-size : 0.75em;
margin-top : 12px;
font-family : arial, verdana, sans-serif;
background : url(../img/puce_true.gif) no-repeat left;
}
#perso {
font-size : 0.75em;
line-height : 20px;
color : #726e5d;
margin : 15px 0 30px 0;
font-style : italic;
}
.encart_ilike {
float : left;
width : 230px;
}
#encart_ilike2 {
margin : 0 80px;
}
.encart_ilike h1 {
padding : 6px 0 15px 65px;
margin-bottom : 13px;
color : #4b4545;
font-family : georgia, "Times new roman", serif;
font-style : italic;
font-weight : bold;
font-variant : small-caps;
line-height : 20px;
}
.encart_ilike h1 span {
font-size : 1.3em;
font-weight : bold;
}
#books {
background : url(../img/icon_books.gif) no-repeat left;
}
#movies {
background : url(../img/icon_movies.gif) no-repeat left;
}
#tracks {
background : url(../img/icon_tracks.gif) no-repeat left;
}
.list_ilike {
border-bottom : 1px solid #dedacf;
padding-bottom : 15px;
margin-bottom : 15px;
}
.list_ilike h2 {
color : black;
font-family : georgia, "Times new roman", serif;
font-size : 0.7em;
font-weight : bold;
margin-bottom : 1px;
}
.list_ilike p {
color : #555;
font-size : 0.7em;
line-height : 15px;
}
.list_ilike span {
display : block;
margin-top : 2px;
color : #555;
font-size : 0.65em;
font-style : italic;
}
.list_ilike a {
margin-right : 15px;
color : #85a527;
font-size : 0.66em;
font-style : italic;
border-bottom : 1px solid #85a527;
}
.list_ilike a:hover {
border-bottom : 1px solid #a1c045;
}
#intro_contact {
height : 240px;
}
#intro_contact p {
padding-top : 50px;
}
#intro_contact a {
color : white;
}
#intro_contact a:hover {
border-bottom : 1px solid #f3f7ec;
}
#contact_form {
width : 400px;
float : left;
margin-right : 100px;
}
#contact_form h1 {
margin : 0 0 35px 100px;
}
#contact_form p {
margin : -20px 18px 15px 100px;
padding : 3px 0 4px 25px;
font-size : 0.7em;
color : #74705d;
background : #fff url(../img/puce_true.gif) no-repeat left;
}
label, fieldset span {
float : left;
margin : 5px 20px 0 0;
text-align : right;
width : 80px;
color : #3b3527;
font-size : 0.75em;
}
input, textarea {
float : left;
background : #9dc250 url(../img/bg_input.gif) no-repeat;
border : 1px solid #8aac42;
width : 270px;
margin-bottom : 30px;
padding : 4px 5px 1px 5px;
color : white;
font-weight : bold;
font-family : verdana, arial, sans-serif;
font-size : 0.75em;
}
input {
height : 19px;
}
textarea {
float : left;
height : 120px;
min-height : 120px;
}
textarea:focus, input:focus, button:focus, textarea:hover, input:hover, button:hover {
border : 1px solid #5a7325;
}
button {
float : right;
padding : 8px;
margin-right : 20px;
cursor : pointer;
background : #9dc250;
border : 1px solid #8aac42;
color : #3b3527;
font-size : 0.75em;
}
#contact_links {
float : left;
width : 350px;
margin-bottom : 20px;
}
#contact_links h1 {
margin-bottom : 35px;
}
#contact_links ul {
margin-bottom : 40px;
}
#contact_links li {
padding-left : 25px;
margin : 0 0 20px 25px;
height : 16px;
color : #3b3527;
font-size : 0.75em;
}
.mail {
background : url(../img/icon_email.gif) no-repeat left;
}
.phone {
background : url(../img/icon_phone.gif) no-repeat left;
}
.skype {
background : url(../img/icon_skype.gif) no-repeat left;
}
#contact_links p {
margin-top : -10px;
font-size : 0.75em;
line-height : 20px;
color : #3b3527;
}
#contact_links p a {
color : #74890b;
font-weight : bold;
}
#contact_links p a:hover {
text-decoration : underline;
}

↑ Top