Bug CSS - Disparition du code
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec le panneau d'administration :: Archives des problèmes avec le panneau d'administration
Page 1 sur 1 • Partagez
Bug CSS - Disparition du code
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:
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!
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 */
- 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!
Dernière édition par Rocker Emily le Ven 2 Mai 2014 - 20:53, édité 1 fois
Invité- Invité
Re: Bug CSS - Disparition du code
Bonjour ^^
Le CSS entier fait il un nombre élevé de lignes ?
Ou tient il dans un mouchoir de poche ?
Le CSS entier fait il un nombre élevé de lignes ?
Ou tient il dans un mouchoir de poche ?
Re: Bug CSS - Disparition du code
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é
Re: Bug CSS - Disparition du code
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
peut s'écrire
peut s'écrire
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.
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.
Re: Bug CSS - Disparition du code
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 :
Comment je le met dans le html ? (enfin car je ne pense pas que c'est de la sorte)
merci!
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é
Re: Bug CSS - Disparition du code
Plutôt comme ceci
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.
- 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.
Re: Bug CSS - Disparition du code
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 !
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 !
Invité- Invité
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec le panneau d'administration :: Archives des problèmes avec le panneau d'administration
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum