Problème de nombre impair de virgules dans le CSS

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

Résolu Problème de nombre impair de virgules dans le CSS

Message par Origanex le Dim 15 Jan 2017 - 20:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://hyrule-jdgment.foroactivo.com

Description du problème

Bonjour,

Je viens d'installer un CSS sur mon forum mais lors de la confirmation, un message m'indique qu'il ne peut pas être validé à cause d'un nombre impair de virgules. J'ai pourtant vérifié et ne trouve pas de solution.

Voici le CSS en question:

Code:
 
    /* Mise en forme des liens titres */
    a.forumlinkguerlain {
            width: 90%;
            line-height: 40px;
            background-color: none;
            font-family:great vibes;
      color: #6a5451;
            font-size: 50px;
                    display: block;
      text-align: left;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
      margin-top: 25px;
    margin-bottom: -10px;
    margin-left: 40px;
    display: block;
    text-transform: none;
      font-variant: normal;
            }

    a.forumlinkguerlain:hover {
      color: black; /* Couleur d'arrivée */
      letter-spacing: 5px; /* écartement des lettres */
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
      font-size: 50px;
      font-family:great vibes;
      font-variant: normal;
    }


    /* MISE EN FORME DES CADRES DES CATEGORIES ET FONDS */

    .fondcategories {width:750px; background-color: #183152; height: auto;} /* fond complet de tes catégories */

    .Cadrenewstats {width: 250px; height: 105px; border:1px solid black; background-color:#315c82; position: relative; text-align:center; font-size: 11px; letter-spacing: 1px; line-height: 11px; padding-top: 20px;}
    .Cadrenewimage {width: 130px; height: 40px;margin:auto;}
    .Cadrestatis {height: 20px; font-size: 9px; line-height: 9px; letter-spacing: 1px; position: relative; top: 20px;}
    .Cadreavatarposteur {position: relative; left: -40px; top: 40px; width: 60px;height: auto;margin:0;transform: rotate(8deg); border-radius: 10px;}
    .Cadredesforums {width:280px; height: 95px; border: 1px solid white; background-color: #315c82; overflow: auto; padding: 15px; text-align: justify; margin-left: -25px;}
    .Cadredessousforums {text-align: center; letter-spacing: 1px; font-size: 10px; line-height: 11px; padding: 2px; text-transform: uppercase; background-color: #315c82; width:120px; height: 120px; overflow: auto; text-align:center;}

    /* AVATAR */
    .lastpost-avatar {
            float: left;
            padding: 2px;
            }
            .lastpost-avatar img {
            width: 60px;
  height: auto;
                    border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
      box-shadow: 1px 1px 1px #315c82;
            }

    .rotationavatar {
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
                    }

 


        /* Bloc principal Sous forum */
    .monBlocsousfo {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 120px; /* largeur du bloc */
      height: 120px; /* hauteur du bloc */
      background-color: #315c82; /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
      border: 1px solid white;
     
    }

    /* Bloc de recouvrement */
    .blocsousfo {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 120px; /* largeur du bloc (identique au bloc principal) */
      height: 120px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://i21.servimg.com/u/f21/14/54/71/38/icon10.png); /* couleur de fond */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
}

    /* Changement au survol */
    .monBlocsousfo:hover > .blocsousfo {
      top: -120px;
   
}

Merci de votre aide et bonne année !


Dernière édition par Origanex le Dim 15 Jan 2017 - 20:52, édité 1 fois
avatar

Origanex
Nouveau membre

Messages : 2
Inscrit(e) le : 15/01/2017

http://hyrule-jdgment.foroactivo.com
Origanex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de nombre impair de virgules dans le CSS

Message par MlleAlys le Dim 15 Jan 2017 - 20:37

Bonjour,
les apostrophes dans les commentaires comptent comme des guillemets, il vaut donc mieux les retirer :
Code:

/* Mise en forme des liens titres */

a.forumlinkguerlain {
  display: block;
  width: 90%;
  margin-top: 25px;
  margin-bottom: -10px;
  margin-left: 40px;
  text-align: left;
  text-transform: none;
  font-family: great vibes;
  font-size: 50px;
  font-variant: normal;
  line-height: 40px;
  color: #6a5451;
  background-color: none;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

a.forumlinkguerlain:hover {
  font-family: great vibes;
  font-size: 50px;
  font-variant: normal;
  letter-spacing: 5px; /* écartement des lettres */
  color: black; /* Couleur d arrivée */
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}

/* MISE EN FORME DES CADRES DES CATEGORIES ET FONDS */

.fondcategories {
  width: 750px;
  height: auto;
  background-color: #183152;
}

/* fond complet de tes catégories */

.Cadrenewstats {
  position: relative;
  width: 250px;
  height: 105px;
  padding-top: 20px;
  border: 1px solid black;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1px;
  background-color: #315c82;
}

.Cadrenewimage {
  width: 130px;
  height: 40px;
  margin: auto;
}

.Cadrestatis {
  position: relative;
  top: 20px;
  height: 20px;
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 1px;
}

.Cadreavatarposteur {
  position: relative;
  top: 40px;
  left: -40px;
  width: 60px;
  height: auto;
  margin: 0;
  border-radius: 10px;
  transform: rotate(8deg);
}

.Cadredesforums {
  width: 280px;
  height: 95px;
  margin-left: -25px;
  padding: 15px;
  border: 1px solid white;
  overflow: auto;
  text-align: justify;
  background-color: #315c82;
}

.Cadredessousforums {
  width: 120px;
  height: 120px;
  padding: 2px;
  overflow: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: 1px;
  background-color: #315c82;
}

/* AVATAR */

.lastpost-avatar {
  float: left;
  padding: 2px;
}

.lastpost-avatar img {
  width: 60px;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #315c82;
}

.rotationavatar {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  transform: rotate(8deg);
}

/* Bloc principal Sous forum */

.monBlocsousfo {
  position: relative; /* important ! */
  width: 120px; /* largeur du bloc */
  height: 120px; /* hauteur du bloc */
  border: 1px solid white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
  background-color: #315c82; /* couleur de fond */
  -o-border-radius: 10px;
}

/* Bloc de recouvrement */

.blocsousfo {
  position: absolute; /* positionnement absolu (important) */
  top: 0; /* (important) */
  left: 0; /* (important) */
  width: 120px; /* largeur du bloc (identique au bloc principal) */
  height: 120px; /* hauteur du bloc (identique au bloc principal) */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: url(http://i21.servimg.com/u/f21/14/54/71/38/icon10.png) ; /* couleur de fond */
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  -o-border-radius: 10px;
}

/* Changement au survol */

.monBlocsousfo:hover > .blocsousfo {
  top: -120px;
}
avatar

MlleAlys
Membre actif

Messages : 4568
Inscrit(e) le : 12/09/2012

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

Résolu Re: Problème de nombre impair de virgules dans le CSS

Message par Origanex le Dim 15 Jan 2017 - 20:52

Merci beaucoup ce sujet est résolu !
avatar

Origanex
Nouveau membre

Messages : 2
Inscrit(e) le : 15/01/2017

http://hyrule-jdgment.foroactivo.com
Origanex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de nombre impair de virgules dans le CSS

Message par Chacha le Dim 15 Jan 2017 - 21:20

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54034
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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