Problème de nombre impair de virgules dans le CSS

3 participants

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 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
Origanex

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 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;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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 Dim 15 Jan 2017, 20:52

Merci beaucoup ce sujet est résolu !
Origanex

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 Dim 15 Jan 2017, 21:20

Problème de nombre impair de virgules dans le CSS 4qhGdLE
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.
Chacha

Chacha
Modéractif
Modéractif

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

https://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

- Sujets similaires

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