Bonjour, je rencontre un petit soucis avec la description de mes liens de sous-forums. Quand je les survole avec la souris, l'infobulle contenant la description s'affiche, mais dans le texte j'ai des <br> et des </a> qui apparaissent. Et quand je vais voir dans le panneau d'administration ils n'y sont pas. C'est pas très esthétiques comme truc, et j'aimerais bien arriver à les enlever.
Le soucis c'est que je ne vois pas comment faire, puisqu'ils n'apparaissent nul part.

Un petit aperçu:
https://2img.net/h/oi48.tinypic.com/2dp389.jpg

Voilà mon template:


Quand j'enlève le script, les descriptions sont à nouveau bien, mais par contre mes liens ne sont plus les uns en dessous des autres. Du coup je sais pas trop comment faire pour corriger un problème sans abimer ma mise en page =S Auriez-vous une idée?

Normal,

Il s'agit de cette partie là :

Code:

<a class="gensmall" title="Partie utilisable par les membres qui souhaitent créer un scénario pour leur personnage<br ></a> en remplissant un formulaire. Attention toutefois<br /> il y a certaines conditions =) 50 fireflies minimum pour pouvoir créer ^^ Les invités peuvent poster !" href="/f144-scenarios">Scénarios</a>

Je suppose qu'as la place des < br/> il doit normalement y avoir des virgules, or le script que tu as mis à pour rôle de remplacer ces virgules par des sauts de ligne -> < br/>

Donc, si tu souhaites enlever ces < br/>, enlève le script et essaie d'ajouter un

Code:

display:block;

A tes liens

Le truc c'est qu'en enlevant le script, mes liens ne se mettent pas les uns en dessous des autres =S

C'est pour cela qu'Hiro a terminé son message ainsi :

Hiro a écrit:

Donc, si tu souhaites enlever ces < br/>, enlève le script et essaie d'ajouter un

Code:

display:block;

A tes liens

Je l'ai mis, mais ça ne change rien, mes liens restent à la suite lol

Ce n'est pas possible, le comportement d'un élément de type block est de retourner à la ligne entre autres.

Puis-je voir le code que tu as mis ? Il dois manquer quelque chose...


EDIT : Cela dit, ça ne suffira pas car tu vas te retrouver avec des virgules tout de même. Il faut donc laisser le script actif mais le modifier, quitte à passer que par lui, d'une manière différente. Puis-je avoir également le code de ton script s'il te plait ?

J'ai rajouté ça en fait

Code:

<span class="gensmall" id="subforums"><span class="sforum_contenu" style="display:block;"><br/>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></span>
                             
                        </span>

Je pense pas que ce soit la meilleure chose à faire mais bon =S

La partie contenant le script, c'est tout ce que j'ai:

Code:

<span class="gensmall" id="coulisse"><span class="lien"><br/>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></span>
              <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                  </script> </span>

Ou alors (solution barbare) ajouter un script qui remplace les < br/> de ton infobulle par des virgules.

Sinon pour le display:block, tu dois cibler les liens dans une class :

Code:

.sforum_contenu a {
display:block;
}

Non mais sinon simplement modifier le script pour qu'il remplace les virgules par du vide, d'une part. Et cibler les liens pour leur affecter le display:block effectivement.

Si ce n'est pas clair, je rentre chez moi d'ici 1h environ, je pourrais être plus clair.

En ajoutant la class comme l'a conseillé Hiro, ça fonctionne, le soucis c'est que les virgules sont conservées, et qu'elles sont elles aussi à la ligne. Du coup ça fait des menus à rallonge lol

Pour le script, je n'ai rien de plus que ce que j'ai posté =S

Excuse moi mais j'ai l'impression que tu as tendance à ne pas lire ce que je te dis... On va pas s'en sortir sans ça :

Espeon a écrit:

Cela dit, ça ne suffira pas car tu vas te retrouver avec des virgules tout de même. Il faut donc laisser le script actif mais le modifier, quitte à passer que par lui, d'une manière différente.

Quoiqu'il en soit, voici le script à remplacer, à mettre en combinaison du CSS d'Hiro pour enlever les virgules sans mettre de <br /> :

Code:

jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');

J'avais bien compris, et en mettant le code donné, ça ne change rien. J'ai toujours les virgules, en ayant mis le script et le CSS donné par Hiro. Donc même en laissant le script actif, le problème est toujours là lol j'ai même essayé sur un autre forum test, ça fait exactement pareil

J'ai un doute, tu peux la partie contenant le script dont tu dispose actuellement ?

Laisse le CSS de Hiro quoiqu'il en soit

Peut tu nous fournir un lien vers le forum en question ?

Hello,

Je rappelle qu'il existe ce tutoriel qui permet justement de gérer cette histoire de virgules (cf l'addendum à la fin), c'est même Espeon qui m'a aidé à régler le même problème pendant que je mettais le tuto à jour

Oui oui justement c'est pour ça que je me penche sur le problème. J'ai l'impression, si je ne m'abuse, qu'il s'agit bien de cet effet.

En fait, son soucis est qu'en ayant appliqué ce code, les <br /> rajoutés apparaissent dans l'infobulle au survol. Il faut donc passer par une autre technique, à savoir celle que propose Hiro via le CSS (de mettre un display:block; à ces liens).

Sauf que, si on vire l'ancien script pour remplacer seulement par le CSS d'Hiro, bah on se retrouve tout de même avec les virgules (eh oui).

DONC, il faut :

1. Appliquer le CSS d'Hiro pour avoir les retours à la ligne
   
2. Modifier le script pour qu'il supprime les virgules, sans créer de <br />

Voilà c'est pas plus compliqué mais j'ai l'impression qu'OceanSoul s'est un peu mélangée les pinceaux avec ces 2 étapes et qu'on ne s'est pas très bien compris (ça fait 2 fois que je la reprends sur le fait qu'elle n'ait pas bien lu ce qu'on venait de lui expliquer). Donc vu que ça ne marche pas, je pense que c'est encore une fois parce-qu'il manque juste quelque chose.

Bref, OceanSoul, comprends-tu quels codes il faut mettre ?

Finalement j'ai réussi à résoudre le problème.
Merci pour votre aide

Pas de soucis, mais puis-je te demander ce que tu as finalement fait dans ce cas ?

Merci à toi

J'ai créé un code Javascript pour supprimer la virgule =)

Espeon, il y a quelques messages déjà, a écrit:

Quoiqu'il en soit, voici le script à remplacer, à mettre en combinaison du CSS d'Hiro pour enlever les virgules sans mettre de <br /> :

Code:

jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');

Voila, voila, voila, c'est bien ce qu'il me semblait... Ca fait plaisir de se pencher sur un problème et de parler à un mur.

A bon entendeur salut.

Je l'avais mis ce code, il ne fonctionnait pas, et me faisait un truc complètement moche. Mais bon...

Bref, problème résolu. Merci encore

Ah ? J'ai du faire une erreur dans ce cas.
Du coup, serait-il possible que tu m'indique le bon code Javascript qui t'as permis de supprimer les virgules ?

Merci à toi

Espeon a écrit:

Ah ? J'ai du faire une erreur dans ce cas.
Du coup, serait-il possible que tu m'indique le bon code Javascript qui t'as permis de supprimer les virgules ?

Merci à toi

Je voudrais bien juste savoir ça avant de clore (mais bon vu qu'elle n'est pas venu depuis le 06/09, il faut peut-être attendre un peu).

OceanSoul si tu nous entends...

Yop' !
Toujours pas de réponse ici, je vais classer le sujet dans ce cas !
Désolée Espeon (: En espérant que si elle voit ce message un jour, elle pense à t'envoyer un MP !