CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| [RESOLU] Problème affichage des sujets :: TEMPLATE | |
| Akya
{ Membre }
Messages : 207
| Bonjour ! En postant aujourd'hui un topic autre qu'une annonce ou un post-it, j'ai découvert avec effroi ce qui suit ! Cela provient sans nul doute de ma template, puisque je l'ai modifié, mais où précisément, aucune idée ! Cela ne me faisait pas ça tant que je postais un post-it ou une annonce. Mais un simple sujet pose visiblement problème... Voici l'horreur: https://i.servimg.com/u/f14/12/03/49/16/captur10.png Voici le template concerné : - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th> <!-- BEGIN multi_selection --> <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}"><span class="templatetopic">{topics_list_box.row.TOPIC_TITLE}</span></a><div class="AuteurTopic"><span class="redigepar">rédigé par {topics_list_box.row.TOPIC_AUTHOR}, avec {topics_list_box.row.REPLIES} réponses.</span></div> </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> J'ai cru que j'allais mourir en découvrant ça, j'ai tellement galéré à mettre en place mon effet de "rédigé par ..." . Merci infiniment à la personne qui se chargera de m'aider. |
Dernière édition par Akya le Lun 17 Déc 2012, 11:46, édité 1 fois | |
| | | Espeon
Administrateur
Messages : 1819
| Bonjour Akya ! Ton problème vient visiblement d'un nombre de colonnes qui n'est pas bon sur certaines lignes de ton tableau. En comparant avec le template original, je remarque qu'il manque certaines lignes dans ton nouveau template à savoir : - Code:
-
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td> Ces lignes là devraient se trouver juste avant la partie suivante : - Code:
-
... <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> En fait il y a 2 possibilités : - Soit tu les as délibérément retiré parce-que tu ne les veux pas, auquel cas il faut s'assurer que les autres lignes ont bien le même nombre de colonne (il y a une ligne qui ne suit pas la règle visiblement)
- Soit tu as retiré certaines lignes par inadvertance, auquel cas il faut prendre garde à remettre ce dont tu as besoin
| | |
| | | Akya
{ Membre }
Messages : 207
| Bonjour Espeon, Oh je vois... Je pense que je les ai retiré par inadvertance, malgré tout, je souhaiterai supprimer avec certitude la colonne AUTEUR et REPONSES au niveau du sujet normal. Que dois-je enlever concrètement? Les tableaux, c'est pas mon truc, et encore moins dans les templates ! Merci de venir à mon secours, en tout cas. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Salut,
Espeon s'y connaissant moins que moi en ForumActif, je viens vous faire déchanter x)
Lorsque tu sélectionnes la séparation des messages spéciaux (post-its, annonces) par un tableau, FA insère automatiquement la fameuse ligne qui pose problème. Cette ligne n'est malheureusement pas éditable o/ (Si mes souvenirs ne me trompent pas, il s'agit de la variable {topics_list_box.row.END_TABLE_STICKY} )
On notera d'ailleurs que dans le tutoriel à ce sujet il est clairement indiqué en rouge vif que cette modification n'est pas compatible avec la séparation des sujets par un tableau.
| | |
| | | Espeon
Administrateur
Messages : 1819
| Hmmmmm Je pense que c'est ta variable {topics_list_box.row.COLSPAN} qui n'est pas bonne du coup, car elle ne répercute pas le fait que tu ai supprimé ainsi 2 colonnes (ce qui explique que le bas de tableau également "dépasse").
Pourrais-je avoir le lien vers un exemple de page qui affiche cette horreur pour constater le rendu final du template à l'écran ?Suite au message de 'Christa ci-dessus (qui effectivement connaît bien mieux que moi ce genre de spécificités des templates ), tu as ta réponse. Eventuellement je suis toujours preneur du lien vers la page et envisager de te faire un petit script rapide qui vient modifier le DOM (la structure de ton tableau) après qu'ils soit chargé pour donner l'illusion, mais on ne peux pas faire plus simplement visiblement | | |
| | | Akya
{ Membre }
Messages : 207
| Bonsoir 'Christa ! Pour nous faire déchanter, t'as bien réussie ton coup ! Moi qui ai l'habitude d'utiliser ce système de tableau... En tout cas, je confirme ce que tu dis, après avoir essayé l'autre option en "ligne", le problème se résout tout seul... Espeon, je peux en effet te donner le lien de la page, malgré tout, je ne voudrais pas que tu créés un script qui donnerait seulement une illusion, et par conséquent que tu travailles "dans le vide", dans le sens où, le problème n'étant pas plus grave que ça, je peux me contenter de cette fonction de séparation "ligne". Après, si tu souhaites toujours voir la page concernée : http://elyanns-school.forumactif.org/f6-presentations | | |
| | | Espeon
Administrateur
Messages : 1819
| - Akya a écrit:
- Espeon, je peux en effet te donner le lien de la page, malgré tout, je ne voudrais pas que tu créés un script qui donnerait seulement une illusion, et par conséquent que tu travailles "dans le vide", dans le sens où, le problème n'étant pas plus grave que ça, je peux me contenter de cette fonction de séparation "ligne".
Après, si tu souhaites toujours voir la page concernée : http://elyanns-school.forumactif.org/f6-presentations C'est pas faux et de toute manière je ne peux plus tellement voir l'effet maintenant. A l'avenir si j'ai le temps j'essaierais de me pencher sur la question pour voir si je ne peux pas proposer quelque chose pour les gens ayant ce problème, mais si tu peux te contenter d'un autre type de séparation alors c'est la meilleure chose à faire N'hésites pas à indiquer que ton sujet est [Résolu] pour les modérateurs, ça les aide dans leur travail (donc ça leur fait plaisir, dédicace Psycho ). | | |
| | | Akya
{ Membre }
Messages : 207
| Pas de soucis, j'attendais le fin mot de cette histoire pour mettre le résolu. Je peux en effet m'en contenter, après, c'est toujours mieux si quelqu'un se penche sur la question. Merci à tout les deux, encore une fois. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello ! Je vois que le problème est résolu, donc je classe ! Merci de l'avoir signalé (Et ça ne me fait toujours pas plaisir :p J'archive des pauvres petits sujets sans défense ! C'est plutôt triste !) | | |
| | | Contenu sponsorisé
| | | | | [RESOLU] Problème affichage des sujets :: TEMPLATE | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|