Forum
Forum :: Aide en CSS
Questions sur le CSS
<< Sujet précédent | Sujet suivant >>
Aller à la page   <<      
Moderateurs: Alexis
Auteur Message
Alexis

Messages: 1136
Site internet
Non, dans le CSS.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Steelix
Messages: 56
Site internet
Ça fonctionne, mais les deux groupes commençant par le même mot affichent la même image...
Alexis

Messages: 1136
Site internet
Peux-tu me donner ton css pour que je regarde ?

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Steelix
Messages: 56
Site internet
Le voici :

.groupes .Vainqueur.quizz.été.2013 .smalltext{
     visibility: hidden;

.groupes .Vainqueur.quizz.été.2013 {
     background-image:url(http://www.pixenli.com/images/1389/1389198306004684400.png);
     background-repeat:no-repeat;
     width:100px;
     height:40px;
     margin-left:13px;
}

.groupes .Vainqueur.quizz.2e.anniv' .smalltext{
     visibility: hidden;

.groupes .Vainqueur.quizz.2e.anniv' {
     background-image:url(www.pixenli.com/images/1389/1389198272011051700.png);
     background-repeat:no-repeat;
     width:100px;
     height:40px;
     margin-left:13px;
}

Le problème, c'est que les deux groupes prennent l'image du groupe "Vainqueur quizz été 2013". Et au bout d'un certain temps, dans le fichier CSS, le code ci-dessus est remplacé par celui-ci, qui était le code que j'avais avant de créer le groupe "Vainqueur quizz 2e anniv'".

.groupes .Vainqueur .smalltext{
     visibility: hidden;

.groupes .Vainqueur {
     background-image:url(http://www.pixenli.com/images/1389/1389198306004684400.png);
     background-repeat:no-repeat;
     width:100px;
     height:40px;
     margin-left:13px;
}
Alexis

Messages: 1136
Site internet
Etant donné que tu n'affiches de toutes façons pas le nom du groupe sur le forum mais simplement une image, la solution la plus simple est de renommer tes groupes pour leur donner un nom sans espaces (vainqueur-quizz-été-2013 par exemple).

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Steelix
Messages: 56
Site internet
Je viens d'essayer, et cette fois le CSS ne s'applique plus du tout à aucun des deux groupes.
Alexis

Messages: 1136
Site internet
Bien entendu, si tu changes le nom de tes groupes, tu dois aussi changer les noms des classes dans ton CSS.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Steelix
Messages: 56
Site internet
C'est ce que j'avais fait.

Par contre, au bout d'un certain temps, le code a encore été remplacé par l'ancien code (que j'ai posté dans mon message précédent). Du coup, j'ai à nouveau remplacé par le code avec les noms de groupe avec tirets, et cette fois, il y a une des images qui s'est affiché. Mais toujours pas la deuxième. Pourtant, j'ai bien vérifié, le nom du groupe et le nom de la class dan mon CSS sont parfaitement identiques.
Alexis

Messages: 1136
Site internet
Montre moi le code actuel

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Steelix
Messages: 56
Site internet
Ah, finalement ça marche ^^

Il y avait une apostrophe à la fin du nom du groupe, je l'ai enlevé, je suppose que c'est à cause de ça que ça ne marchait pas.
Alexis

Messages: 1136
Site internet
Effectivement, les apostrophes dans les noms de classe peuvent poser problème.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Aller à la page   <<       

Aller à:     Haut de page