bonsoir a tous, je viens vers vous avec un problème, j'ai voulus installer sur mon forum [ http://troc-horse.lebonforum.com/ ] l'un des codes de la zone "Code libre service" de ce forum ( ce code ) . Sauf que, quand je le colle dans mon espace CSS, il se passe un gros soucis.

• Un messages d'erreur s'affiche quand je clique sur valider le code :



• ensuite dans la zone CSS, mon code a complétement changer, il manque des morceaux du texte. Je ne suis pas trop quoi faire, quelqu'un pourrai me venir en aide ?

Bonsoir !
Peut être qu'avec le code CSS en question les codeurs pourraient davantage t'aider
Merci pour eux (:

J'ai mis le lien du code, mais je le mets ici tous de même si vous le voulez

Code:

 a:before { content: "<<"; }
a:after { content: ">>"; }

a:hover:before { content: ">>"; }
a:hover:after { content: "<<"; }

Je pense que ton CSS en entier sera plus judicieux ^^ J'ai bien vu que tu avais mis le code dont tu t'es servi, mais le problème peut venir d'une autre partie de ton code général (:

Si tu ne veux pas que tout le monde le voit, tu peux le mettre entre balise [hide] (:

Salut, Pim'

Peut tu nous poster ton css entier s'il te plait ?

Voila :

Code:

 a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:5px;
padding-right:5px;
}

a:before { content: ""; }

a:hover:before { content: ">>"; }
a:hover:after { content: "

Ici avec le soucis dont je parle ...

Regarde bien la fin de ton code, ton dernier "content" n'est pas correctement fermé :

Code:

 a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:5px;
padding-right:5px;
}

a:before { content: ""; }

a:hover:before { content: ">>"; }
a:hover:after { content: "a";}

Essaie maintenant

cela ne marche pas en ajoutant "a", il me met un -a- a la fin du mot. et il ne marche pas non plus sans le hover.

Oui le a c'était un exemple, tu peux remplacer par << si tu le souhaite.

j'ai essayée, cela ne marche pas non plus, il me le supprime et remet l'erreur de mon premier message.

Hey.

Regarde bien ce qu'il faut coller :

Code:

a:before { content: "<<"; }
a:after { content: ">>"; }

a:hover:before { content: ">>"; }
a:hover:after { content: "<<"; }

Et ce que tu dois avoir à présent :

Code:

a:before { content: ""; }
/* mais où est passé Charlie? euh... a:after ? */

a:hover:before { content: ">>"; }
a:hover:after { content: "<<"; }

Il manque quelque chose, tu ne crois pas ?

oui, mais si j'ajoute le a:after, il me remet l'erreur c'est ce que je dis ^^

Hum. Donne nous le code COMPLET de ton CSS tel qu'il est avant qu'il ne soit refusé ?

Si tu es certaine que tu n'as oublié aucune accolade, essaye de :
- sélectionner tout (Ctrl + A)
- couper (Ctrl + X)
- valider le CSS vidé
- recoller ton CSS (Ctrl + V)
- revalider

Si ça ne marche pas, remontre-nous ton CSS complet (a:after compris).

Edit: devancée x)

mon CSS complet est le suivant :

Code:

 a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:5px;
padding-right:5px;
}

a:before { content: "<<"; }
a:after { content: ">>"; }

a:hover:before { content: "<<"; }
a:hover:after { content: ">>";}

J'ai tenter ta solution, mais cela ne marche pas non plus, il corrige seul le code et le change en cela :

Code:

 a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:5px;
padding-right:5px;
}

a:before { content: ""; }

a:hover:before { content: "";}

Ce qui fait qu'en définitive, rien de change.

J'ai fait le test sur mon forum test.

Tu aurais pu également nous donner le détail de l'opération que FA a effectué à la validation de ton CSS... soit le message suivant :

Citation :

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

Le problème, ce sont donc les >> et <<. Remplace-les par n'importe quoi d'autre et tu ne devrais pas avoir de problème.
Par exemple :

Code:

a:before { content: "%"; }
a:after { content: "%"; }

a:hover:before { content: "*"; }
a:hover:after { content: "*"; }

Les signes < et > sont à éviter. S'ils peuvent passer en retranscrivant leurs codes HTML, FA les convertit en caractère à la validation... et génèrera bien évidemment une erreur à une validation ultérieure.

Et un code à CC à corriger, un \o/

Logique XD Il interprète les symboles << et >> par du HTML. Tu devrais les remplacer par » et «

d'accord, mais le code a copier coller et donner comme cela ... enfin, je vais de ce pas corriger la chose, merci de votre aide =)

Pour rappel, les codes à copier-coller sont donnés par les membres, et pas toujours très doués. Nous sommes actuellement en train de mettre à jour les tutoriels (pas à pas), mais les codes directement exploitables sont à utiliser à vos risques et périls.

d'accord, je n'avais pas compris cela. Enfin, merci pour la précision sur le code, cela marche a merveille a présent =) je pense que l'on peux clore ce sujet (ou le supprimer au choix)

Hello !
Puisque le problème est résolu, je déplace (:
Merci de l'avoir signalé