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! |
| Problème "forumline" interrompue | |
| Gigi
{ Membre }
Messages : 108
| Bonjour/bonsoir à tous ! Je reviens vers vous une nouvelle fois pour vous demander de l'aide au sujet d'un petit problème ! (niveau code, j'avoue être une bidouilleuse, je comprends un petit peu comment ça marche mais il me manque clairement les bases qui me permettraient de résoudre certains problèmes. ^^') BREF ! mon problème ne semble pas très compliqué à la base, mais malgré de nombreux essais je n'arrive pas à m'en sortir. J'explique : J'ai édité mon template index_box, pour que mes forums sur la page d'accueil se présentent comme ceci : Mon problème vient du "< table> forumline" (je l'ai mis en noir moche exprès pour qu'on la discerne bien du reste) qui s'arrête tout en haut au lieu d'englober les deux forums. J'ignore si c'est ça, mais j'imagine que le problème vient du fait que j'ai utiliser une balise < table> pour la mise en forme des forums et que cette dernière interfère avec celle du forumline ? Existe-il un moyen de faire en sorte que mon "forumline" aille jusqu'en bas ? :3 Je vous donne mes codes : Index_box : - Code:
-
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'> <br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" valign="middle" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead -->
<!-- BEGIN forumrow --> <tr> <table class="tour_cate" align="center" valign="middle"> <!-- BEGIN inc --> <td><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <div class="titreforums"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div> </span> </h{catrow.forumrow.LEVEL}> <div class="ligneforum" align="center"></div> <div class="forumdescriptions"> <div id="forumdescriptions"> {catrow.forumrow.FORUM_DESC} </div> </div> <div class="ligneforum" align="center"></div> <div id="subfo" class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <script type="text/javascript"> jQuery('#subfo').html(jQuery('#subfo').html().replace(/, /g,' <span class="sousfo_symbol">▴</span> ')).removeAttr('id'); </script>
<span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> <td> <div class="imgmessages"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </td> <td> <div class="oldmessage"><span class="old">{catrow.forumrow.LAST_POST}</span> </div> <div class="sujets_messages">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets.</span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> CSS : - Code:
-
.tour_cate { border-radius: 2px 2px 2px 2px; padding-bottom:0px; padding-top:0px; background-color: #F0E1D3; border: 1px solid #E3C6BA; margin-top:3px; width: 750px; }
.forumline { border-radius: 2px 2px 2px 2px; border-bottom: 1px solid #ee5e5d; padding-bottom:5px; padding-top:5px; background-color: #000000; margin-top:0px; border-right: 1px solid #EAD4C7; border-left: 1px solid #EAD4C7; width: 100%; }
Si il y a besoin d'autres détails ou quoi que ce soit qui pourrait vous aider à résoudre ce problème je vous donnerai tout ce qu'il faudra ! Si la question a déjà été posée avant moi je m'excuse platement. J'ai fais une recherche sur le forum mais mes yeux ne sont pas infaillibles, j'ai pu passer à côté de quelque chose... Merci beaucoup pour votre lecture ! très bonne journée ! | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Avant tout, est ce que tu as bien vérifié que chaque balise ouverte est bien fermée ^^ ? Seconde petite chose, à un endroit tu ouvres une ligne dans ton tableau (balise tr), puis tu ouvres une balise table. (d'ailleurs, je crois que tu as oublié de fermer cette balise table ) - Code:
-
<!-- BEGIN forumrow --> <tr> <table class="tour_cate" align="center" valign="middle"> Attention, après une balise ligne ( tr), il faut toujours ouvrir une cellule (balise td). N'hésite pas à jeter un coup d’œil sur un cours sur les tableaux en HTML Cela ne règlera peut être pas le problème, mais déjà tu auras un base plus propre ^___^ | | |
| | | Gigi
{ Membre }
Messages : 108
| Tu as raison il vaut mieux partir sur du code propre ! merci. J'ai donc remis les balises dans l'ordre dans lequel elles doivent apparaitre ! Donc maintenant les < tr> sont bien suivit de < td> et tout semble refermé normalement. Il semblerait que la forumline ne s'affiche plus du tout dans les catégories par contre. :0 J'ai constaté que je n'avais pas refermé une des deux balise < /table> ! le problème c'est que je ne peux mettre ce < /table> manquant qu'à la toute fin de mon template (index_box) car sinon après la deuxième catégorie le bodyline s'interrompt et les catégories flottent sur le fond en buggant comme ceci : Voilà mon template corrigé : - Code:
-
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" valign="middle" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead -->
<!-- BEGIN forumrow --> <table class="tour_cate" align="center" valign="middle"> <tr> <!-- BEGIN inc --> <td><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <div class="titreforums"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div> </span> </h{catrow.forumrow.LEVEL}> <div class="ligneforum" align="center"></div> <div class="forumdescriptions"> <div id="forumdescriptions"> {catrow.forumrow.FORUM_DESC} </div> </div> <div class="ligneforum" align="center"></div> <div id="subfo" class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <script type="text/javascript"> jQuery('#subfo').html(jQuery('#subfo').html().replace(/, /g,' <span class="sousfo_symbol">▴</span> ')).removeAttr('id'); </script>
<span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> <td> <div class="imgmessages"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </td> <td> <div class="oldmessage"><span class="old">{catrow.forumrow.LAST_POST}</span> </div> <div class="sujets_messages">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets.</span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></table> Quelqu'un a-t-il une idée lumineuse pour faire apparaitre ce forumline réfractaire ? Merci ! | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Je pense avoir trouvé la solution (en tout cas ça marche sur mon forum test) Edit : Ce code comporte un bug, prendre celui dans les messages suivants, merci. - Code:
-
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" valign="middle" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> </tr></table> <div class="forumline" width="100%"> <!-- END tablehead --> <!-- BEGIN cathead --><!-- END cathead -->
<!-- BEGIN forumrow --> <table class="tour_cate" align="center" valign="middle"> <tr> <!-- BEGIN inc --> <td><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <div class="titreforums"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div> </span> </h{catrow.forumrow.LEVEL}> <div class="ligneforum" align="center"></div> <div class="forumdescriptions"> <div id="forumdescriptions"> {catrow.forumrow.FORUM_DESC} </div> </div> <div class="ligneforum" align="center"></div> <div id="subfo" class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <script type="text/javascript"> jQuery('#subfo').html(jQuery('#subfo').html().replace(/, /g,' <span class="sousfo_symbol">▴</span> ')).removeAttr('id'); </script>
<span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> <td> <div class="imgmessages"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </td> <td> <div class="oldmessage"><span class="old">{catrow.forumrow.LAST_POST}</span></div> <div class="sujets_messages">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets.</span></div> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></div> Dis moi si ça marche Par contre, si tu as le temps, essaye d'indenter ton code. C'est vraiment important, cela te facilitera sa lecture, et en plus comme ça tu pourras voir s'il manque des balises |
Dernière édition par Nihil le Sam 21 Sep 2013, 15:16, édité 1 fois | |
| | | Gigi
{ Membre }
Messages : 108
| Merci beaucoup de m'aider. c'est vraiment super sympa. Je vais mettre mon code plus au propre oui, que ce soit plus clair ! Alors ! Le forumline semble bien pris en compte avec ta version ! par contre plus on va dans les catégories plus il semble y avoir un léger décalage vers la droite + ce qui semble être un succession de forumline non fermées tout en bas du forum. Je te montre le lien du forum en direct (en "hide") : Tu penses que c'est dû à quoi ? | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Tu as totalement raison, désolée j'ai mal placé la balise fermante de la balise div il me semble ^^ Comme cela, c'est mieux ? - Code:
-
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" valign="middle" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> </tr></table> <div class="forumline" width="100%"> <!-- END tablehead --> <!-- BEGIN cathead --><!-- END cathead -->
<!-- BEGIN forumrow --> <table class="tour_cate" align="center" valign="middle"> <tr> <!-- BEGIN inc --> <td><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <div class="titreforums"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div> </span> </h{catrow.forumrow.LEVEL}> <div class="ligneforum" align="center"></div> <div class="forumdescriptions"> <div id="forumdescriptions"> {catrow.forumrow.FORUM_DESC} </div> </div> <div class="ligneforum" align="center"></div> <div id="subfo" class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <script type="text/javascript"> jQuery('#subfo').html(jQuery('#subfo').html().replace(/, /g,' <span class="sousfo_symbol">▴</span> ')).removeAttr('id'); </script>
<span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> <td> <div class="imgmessages"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </td> <td> <div class="oldmessage"><span class="old">{catrow.forumrow.LAST_POST}</span></div> <div class="sujets_messages">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets.</span></div> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /></div><!-- END tablefoot --><!-- END catrow --> Edit : tiens ta PA me dit quelque chose XDDDDD |
Dernière édition par Nihil le Sam 21 Sep 2013, 15:35, édité 1 fois | |
| | | Gigi
{ Membre }
Messages : 108
| Héhé oui, je faisais un test pour une amie pour la PA. je trouve ce tableau très réussi. SACRÉ BLEU DE MILLE MILLION DE MILLE SABORDS ! CA MARCHE ! MILLE MERCI !! You are awesome si y'avait un smiley se prosternant sur le forum, c'est celui que j'aurais mis ! XD Problème résolu. Merci encore de m'avoir aidée et d'être aussi efficace ! c'est vraiment super gentil. | | |
| | | Contenu sponsorisé
| | | | | Problème "forumline" interrompue | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|