Vérification de code CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Vérification de code CSS

Message par Ejayremy le Mar 1 Oct 2013 - 11:02

Bonjour,

J'ai installé quelques scripts et autres. J'aurais aimés avoir l'avis d'expert afin de savoir si mon code CDD est "propre". Dans le cas ou il y aurait des anomalies et ne m'y connaissant pas, merci de me faire part du code proprement corrigé.
Voici mon code :

Code:
#wrap {
box-shadow: #000 0px 12px 20px;
   border-radius: 5px;
}

body
{
background-color: #9c9c9c;
background-image:url('http://i76.servimg.com/u/f76/09/01/05/17/17-5_l12.png');
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center top;
}

.opacite  {  filter:alpha(opacity=100);
            -moz-opacity:1;
            -khtml-opacity:1;
            opacity: 1; }
      
        .opacite:hover  {  filter:alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity:0.5;
            opacity:0.5; }


.postbody a {
TEXT-DECORATION:underline
}
.postbody .content.clearfix img
{
border:0px solid black; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}
.resizebox .resize_border { display:none !important; }

#textarea_content {height: auto !important;}
html#sceditor_smilies body {background:#f2f2f2;}

.postbody blockquote {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.postprofile dt img {
border: 1px solid black;  /*bordure*/
border-radius: 10px;  /*coins arrondis*/
}

embed[src^="http://www.youtube.com/v/"]{
          width: 640px!important;
          height: 360px!important;
        }
embed[src^="http://www.dailymotion.com/swf/"]{
          width: 640px!important;
          height: 360px!important;
        }

table.portal {
          border-spacing: 3px;
        }

a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

#smilies_header {display:none;}
#search_menu {background:#d8d8d8;}
Merci de votre aide.


Dernière édition par Ejayremy le Mer 2 Oct 2013 - 11:48, édité 1 fois

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Vérification de code CSS

Message par demeter1 le Mar 1 Oct 2013 - 11:05

http://jigsaw.w3.org/css-validator/ vous sera utile

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Vérification de code CSS

Message par Ejayremy le Mar 1 Oct 2013 - 11:10

Merci mais je n'y connais rien, j'ai testé et ça m'affiche des erreur et propose une feuille CSS très très longue. Je pense donc que ça propose une feuille complète car quand je la copie/colle c'est un "bordel" sur mon forum !

Ne m'y connaissant pas du tout en codage ou autre, les erreurs qu'il me présente m'est incompréhensible. Les codes que je trouve ici je les copie/colle tout simplement. Je ne suis pas expert malheureusement et c'est pour cela que j'utilise beaucoup le FDF et l'aide des "pros" Wink

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Vérification de code CSS

Message par Brandys le Mer 2 Oct 2013 - 11:24

Bonjour,

A première vue il n'y a pas d'erreur. Peut-être juste au niveau éthique, qu'on ne met, en théorie, jamais de majuscule aux attributs.

Code:
.postbody a {
text-decoration:underline
}
Si en validant ton code, tu as l'erreur ci-dessous, n'y prête pas attention. Ce sont juste des hack pour les différents navigateurs.
W3C Validator a écrit:
16 La propriété -moz-opacity est une extension propriétaire inconnue
17 La propriété -khtml-opacity est une extension propriétaire inconnue
21 La propriété -moz-opacity est une extension propriétaire inconnue
22 La propriété -khtml-opacity est une extension propriétaire inconnue
31 La propriété -moz-border-radius est une extension propriétaire inconnue
31 La propriété -webkit-border-radius est une extension propriétaire inconnue
39 La propriété -webkit-border-radius est une extension propriétaire inconnue
40 La propriété -moz-border-radius est une extension propriétaire inconnue

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Vérification de code CSS

Message par Ejayremy le Mer 2 Oct 2013 - 11:46

Merci pour les infos Smile

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum