Bug CSS - Disparition du code

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

Résolu Bug CSS - Disparition du code

Message par Invité le Ven 2 Mai 2014 - 18:51

Hello,
Je viens vers vous pour un soucis que j'ai depuis déjà longtemps. En fait, le truc est que parfois lorsque je rentre un code dans ma feuille style, après avoir valide, je retrouve ce même code a moitie effacée ce qui fait qu'il n'affichera pas correctement. Je m'explique, par exemple je met ce code:

Code:
/* PREFIXES */

.ipsBadge_red {
    background-color: #9C1323;
    background-position: 0px -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    padding: 0px 5px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    vertical-align: middle;
}

/* PREFIXES */
Et c'est ce que je vois d'affiche!

Code:
/* PREFIXES */

.ipsBadge_red {
    background-color: #9C1323;
    background-position: 0px -1px;
    background-repeat: repeat-x;
  

Je ne sais pas d’où ça peut venir, j'ai vide mes caches au cas ou ca serait de firefox mais en vain ca ne marche pas.

Merci d'avance pour votre aide,
rockeremily! Smile


Dernière édition par Rocker Emily le Ven 2 Mai 2014 - 20:53, édité 1 fois

Invité
Invité


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

Résolu Re: Bug CSS - Disparition du code

Message par Neptunia le Ven 2 Mai 2014 - 19:31

Bonjour ^^

Le CSS entier fait il un nombre élevé de lignes ?
Ou tient il dans un mouchoir de poche ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug CSS - Disparition du code

Message par Invité le Ven 2 Mai 2014 - 19:37

Oops ah non, la dernière est 3090, ça doit être ça alors, je ne pensais pas qu'il y avait une limite.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bug CSS - Disparition du code

Message par Neptunia le Ven 2 Mai 2014 - 19:49

Oui, ya une limite.

Trois possibilités du coup

1/ Si vous avez recopié votre css de base pour le personnaliser, ne conservez que ce que vous avez modifié et non l'intégralité qui est très bien là où il se trouve.

2/ Essayez de compacter votre code si possible.
2 exemples

Code:
border-top-left-radius:    5px;
border-top-right-radius:    5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius:  5px;

peut s'écrire

Code:
border-radius: 5px;

Code:
.id1 {
color: #XXXXXX;
font-weight: bold;
}
.id2 {
color: #XXXXXX;
font-weight: bold;
}

peut s'écrire
Code:
.id1, .id2 {
color: #XXXXXX;
font-weight: bold;
}

On peut aussi parfois réduire en limitant les commentaires /* ... */
Méthode déconseillée si vous ne maîtrisez pas totalement la signification de chacune de vos sections.

3/ Si aucune de ces solutions n'est possible, il faudra lier une feuille .css externe en la chargeant par exemple dans votre template overall_header.
Méthode à n'utiliser que pour les codes ne changeant pas trop souvent.

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug CSS - Disparition du code

Message par Invité le Ven 2 Mai 2014 - 20:10

Ah D'accord je comprends mieux ! Je vais donc nettoyer ma feuille et le réduire le plus possible.
Sinon une petite question, si je réduis ce code de cette manière :
Code:
.ipsBadge {
    background-position: 0px -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    padding: 0px 5px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    vertical-align: middle;
}

.ipsBadge_red {
background-color: #9C1323;
}

Comment je le met dans le html ? (enfin car je ne pense pas que c'est de la sorte)
Code:
<span class="ipsBadge"><span class="ipsBadge_red">TEXTE</span></span>

merci!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bug CSS - Disparition du code

Message par Neptunia le Ven 2 Mai 2014 - 20:28

Plutôt comme ceci

Code:
<span class="ipsBadge ipsBadge_red">TEXTE</span>

Si un élément doit répondre à plusieurs class, mettre un seul attribut class dans le html et séparer chaque nom par un espace.




Réduire c'est bien, mais faut surtout pas que cette réduction s'opère au détriment de la lisibilité.
Enfin d'après ce que vous dites, je pense que vous connaissez assez bien le CSS pour vous en sortir.

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug CSS - Disparition du code

Message par Invité le Ven 2 Mai 2014 - 20:52

Ah voila je comprends mieux !
Effectivement j’étais habituée a ajouter un nouveau css a la suite, cela résultait a avoir des bouts de codes anciens qui n’étaient plus utilises ce qui a fait excédé la limite. Alors maintenant je dois réorganiser toute la feuille et ne pas oublier d'enlever la précédente au cas ou j'en ajoute des nouvelles.
Et bien alors milles merci a vous, je pense que c'est tout !  Smile

Invité
Invité


Invité 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