IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Accolade qui fait un bug dans CSS


Sujet :

CSS

  1. #1
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    décembre 2013
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : décembre 2013
    Messages : 7
    Points : 6
    Points
    6
    Par défaut Accolade qui fait un bug dans CSS
    Bonjour,

    en faisant un peu de tri dans mon fichier css, j'ai trouvé entre deux class une accolade fermante et un point(à plusieurs endoits). Je les suppriment car elles ne servent à rien, et là, toute ma css à bougée!!!
    J'ai donc remis ces accolades et ça remarche (sans les points ça marche aussi)!!!!
    Voici un exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    .exemple {
    color:blue;
    }
     
    .
    }
     
    .exemple {
    color:blue;
    }
    Quelqu'un à une idée???

    Merci d'avance

  2. #2
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    août 2007
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : août 2007
    Messages : 2 335
    Points : 8 097
    Points
    8 097
    Par défaut
    C'est pas un exemple qu'il nous faut, c'est ton code CSS entier, si tu veux qu'on t'aide au mieux.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  3. #3
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    décembre 2013
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : décembre 2013
    Messages : 7
    Points : 6
    Points
    6
    Par défaut
    Oui je me doute bien.... malheureusement c'est une application pro et je n'ai pas le droit de diffuser

    Peux-tu m'éclairer quand mm?

  4. #4
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    août 2007
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : août 2007
    Messages : 2 335
    Points : 8 097
    Points
    8 097
    Par défaut
    Quand tu dis que ça a bougé, tu peux être plus précis ? Plus aucuns CSS n'est appliqués ?

    Ton éditeur ne te surligne pas les couples de parenthèses ? Comme ça tu verrais bien ce qui cloche.

    Au pire tu comptes les parenthèses ouvrantes et fermantes et tu vois si tu as le comptes.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  5. #5
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    décembre 2013
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : décembre 2013
    Messages : 7
    Points : 6
    Points
    6
    Par défaut
    Alors seulement quelques class sont impactées : les champs, tableaux et autres sont plus grands ou plus petits.... Je suis sur Netbeans, je vais voir si je peux coupler mes accolades, ça m'aiderai oui!

    Merci

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 647
    Points : 91 420
    Points
    91 420
    Billets dans le blog
    20
    Par défaut
    Ce ne serait pas lié à des at-rules par hasard ?
    Genre @media...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 488
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 488
    Points : 38 896
    Points
    38 896
    Par défaut
    Bonjour,
    c'est un façon peu élégante de mettre OUT la déclaration de style qui suit mais qui n'a aucune influence sur IE7 par exemple

    petit fichier de test, déplace le .} pour voir
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="UTF-8">
    <title>BEURK!!</title>
    <style>
    body{
      color:#FFF;
    }
    .t1{
      color:#F00;
    }
    .t2{
      color:#0F0;
    }
     
    .
    }
     
    .t3{
      color:#00F;
    }
     
    .t4{
      color:#F00;
    }
    .t5{
      color:#0F0;
    }
    </style>
    </head>
    <body>
    <p class="t1">Texte 1</p>
    <p class="t2">Texte 2</p>
    <p class="t3">Texte 3</p>
    <p class="t4">Texte 4</p>
    <p class="t5">Texte 5</p>
    </body>
    </html>

  8. #8
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    décembre 2013
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : décembre 2013
    Messages : 7
    Points : 6
    Points
    6
    Par défaut
    Bonjour,
    merci pour vos réponses, il y avait effectivement une accolade mal fermée...
    Du coup en la fermant je doit revoir quelques règles qui n'étaient pas prises en compte, mais au moins mon fichier est propre mnt.

    Pour les l'histoire des "at rules", apparemment elles se ferment avec des doubles accolades (d'après mes recherches). Mais ce n'était pas mon cas.

    Merci encore!

    Bonne journée

  9. #9
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 647
    Points : 91 420
    Points
    91 420
    Billets dans le blog
    20
    Par défaut
    Non... les at-rules s'ouvrent et se ferme avec de simples accolades... Mais comme elles peuvent elles-même contenir des accolades, il se peut que dans certains cas, la fermeture corresponde à deux accolades fermantes, mais c'est pour fermer d'abord un bloc interne puis le at-rule.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  10. #10
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 488
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 488
    Points : 38 896
    Points
    38 896
    Par défaut
    C'est en fait un hack pour <IE8 maladroit dans le sens où il existe des commentaires conditionnels pour cela.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 6
    Dernier message: 07/10/2013, 13h49
  2. Quitter une fonction qui fait une boucle dans le Thread ?
    Par bboy0303 dans le forum Multithreading
    Réponses: 2
    Dernier message: 25/05/2009, 17h58
  3. Réponses: 21
    Dernier message: 05/12/2007, 16h32
  4. Réponses: 1
    Dernier message: 18/05/2006, 16h00
  5. Réponses: 6
    Dernier message: 12/05/2006, 15h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo