Sujets similaires

Bonjour !

C'est encore moi.

Comme mes sous-forums ne se mettent pas à la ligne et sont toujours séparés par une virgule grise et moche, j'ai décidé de suivre ce tuto : http://www.css-actif.com/t13190-mettre-les-sous-forums-en-colonne
Je suis en PhpBB2.

Seulement, j'avais déjà modifié mon template, que voici :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">







<div class="forum">

<table style="border:collapse"><tr><td style="width:160px"><div class="derstat2" style="margin-right:-20px"><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
<span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span><span class="last">{catrow.forumrow.LAST_POST}</span></div>
</td><td><div class="forumlink2" style="margin-bottom:-15px"><a class="forumlink2" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><br />
<table><tr><td><span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
<td><div class="sousforum2">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr></table></td></tr></table>

</div>







</div>

Et je m'interrogeais sur la marche à suivre sachant que mon template a été modifié.

Merci d'avance !

Si tu n'as pas de lien à mettre, pense tout de même à toujours donner une screenshot de ton problème, ça nous simplifie grandement la vie Wink

Alors en fait, pour que ça se mette en colonne, il faut mettre les sous forum dans une div (tu l'as déjà fait). Ensuite cela se règle dans le CSS. La partie du tuto qui en traite commence à "Modification des styles CSS > Il nous reste encore à nous occuper des liens vers les sous-forums pour les placer en colonne."

Pour le code JS normalement il devrait marcher ^^. Il faut juste que tu penses à faire concorder le nom des class (ce que tu as appelé .sousforum2 est appelé dans le tuto .ListeSousForums)

Dis moi si tu rencontres le moindre problème Wink

Le seul problème que je rencontre c'est pour retirer la marge entre chaque sous-forum

La "marge" en fait c'est la virgule Wink

(surligne tes sous forum, tu verras Wink

)

As tu mis en place le code Javascript qui est proposé dans le tuto ?

Oui. J'ai encore des virgules et toujours une belle marge entre chaque sous-forum

Peut tu me poster une screenshot, et me copier / coller le code que tu as mis pour enlever les virgules s'il te plait ?

Vouip !

Et un screen qui roule : https://i.servimg.com/u/f33/16/06/42/02/virgul10.png

Et le code

Code:: $(function(){
$('.ListeSousForums').each(function(){
$(this).html($(this).html().replace(/<\/a>,/ig, "</a>"));
});
});

Nihil a écrit:: Il faut juste que tu penses à faire concorder le nom des class (ce que tu as appelé .sousforum2 est appelé dans le tuto .ListeSousForums)

Pense à faire ceci comme je te l'avais dit ! Wink

Tu dois remplacer par ta class à toi !

C'est ce que j'ai fait pourtant... Ca m'épate un peu pour le coup.

Tu n'as pourtant pas modifier le code JS, et dans ton template (j'ai jeté un coup d'oeil à ton forum via les accès que tu m'as donnée par MP) tu as toujours la div.sousforum2 autour de tes sous forum. Comment as tu fait concorder O0 ?

Il faut remplacer .ListeSousForums par ta class à toi ! Cela donne donc :

Code:: $(function(){
$('.sousforum2').each(function(){
$(this).html($(this).html().replace(/<\/a>,/ig, "</a>"));
});
});

Tu avais compris qu'il fallait faire quoi ?

... Ah oui, là, ça fonctionne tout de suite mieux.

Merci beaucoup ! ♥

Problème de mise à la ligne [résolu]

Problème de mise à la ligne [résolu]

Sujets similaires

Sujets similaires

Partenaires Or