Sujets similaires

Bonjour ! et merci de vous intéresser à mon problème I love you

Alors j'ai réussi à bidouiller mon index_box pour personnaliser mes catégories, mais il y a un petit soucis. La mention "X messages dans X sujets" ne veut pas s'aligner au titre du forum. Voyez par vous même :

Spoiler:

Voici la partie HTML concernée

Code:: <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
      <table width="97%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<div class="index-forum"><div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br></br>
<span class="genmed">{catrow.forumrow.FORUM_DESC}
<br> </br>

<br> </br>
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</h{catrow.forumrow.LEVEL}></td></td></tr></tbody></table>

et la partie CSS concernée

Code:: .index-forum {
font-weight: normal;
padding: 20px 20px 20px 20px;
border: solid 1px black;
text-align: left;
background: #111111;
}
.index-last {
padding: 20px 20px 20px 20px;
border: solid 1px black;
background: #111111;
}

.StatsForum {
float:right;
font-size: 11px;
padding: 11px;
font-family: Arial;
color : #000000;
display: inline;
}

Je vous dis merci d'avance !

Bonjour !

Tout d'abord, permets moi d'exprimer ma douleur : OUTCH O_o

C'est quoi l'objectif du code utilisé au juste ?

Erreurs que je recense :
• Utilisation incongrue de <tbody> et </tbody> (ça ne sert à rien dans ce contexte)
• Utilisation incongrue de <br></br>, la balise de saut de ligne s'écrit <br /> (c'est une balise orpheline - c'est à dire qui s'utilise seule - qui donc se ferme toute seule)
• Nous trouvons le titre du forum, les statistiques de message, la liste des modérateurs et la liste des sous forums tous placés dans le titre dudit forum (les balises <h{catrow.forumrow.LEVEL}> sont des balises de titre)
• Le <span class="forumlink"> a perdu sa balise de fermeture
• Le <div class="index-forum"> a perdu sa balise de fermeture
• Une double fin de cellule </td></td> qui évidemment ne se justifie pas
• Et enfin, si on se limite au code que tu nous as fourni, il manque le </td> final.

Voici le code non modifié, mais avec des sauts de ligne, indentations et commentaires pour voir qu'est-ce qui contient quoi et qu'est-ce qui manque aussi :

Code:: <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
<table width="97%">
   <tbody>
      <tr>
         <td>
            <h{catrow.forumrow.LEVEL} class="hierarchy">
               <div class="index-forum">
                  <div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
                  <span class="forumlink">
                     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                     <br></br>
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}
                        <br> </br>
                        <br> </br>
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     </span>
                  
               
            </h{catrow.forumrow.LEVEL}>
         </td></td>
      </tr>
   </tbody>
</table>

Avec toutes ces erreurs, te corriger reviendrait à tout faire à ta place, tu comprendras que je vais m'en abstenir, CSSActif ayant pour principe de pousser les membres à apprendre eux même Wink

Quelques indications :
En premier lieu, il va falloir retirer tout ce bazar de l'intérieur de la balise titre, il faut juste ça au niveau du seul titre :

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>

Ensuite, où diable placer les statistiques :

Code:: <div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>

Elles sont flottantes, donc il faut les placer avant <h{catrow.forumrow.LEVEL} class="hierarchy"> (tu as probablement utilisé ce tutoriel, j'ai vérifié, il n'y a pas d'erreur : sois plus attentif dans tes modifications u_u')

Enfin, ce <div class="index-forum"> doit englober (avec son </div> manquant bien sûr) toute la partie qui SUIT le titre (je suppose), avant la fin de cellule (je suppose aussi).

Partant de là, je te laisse corriger ton code, reviens nous voir avec le résultat qu'on te dise si c'est propre Wink

Merci de toutes ces indications, j'ai beaucoup appris en un post ! J'y connais rien en codage, je débute alors je fais un peu tout au hasard, et pour une fois ça avait marché.
Donc voici le code corrigé

Code:: <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
      <table width="97%">
<tr>
<td>
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div><h{catrow.forumrow.LEVEL} class="hierarchy">
<div class="index-forum">

<br/>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
<br/>
<span class="genmed">{catrow.forumrow.FORUM_DESC}
<br/>
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</h{catrow.forumrow.LEVEL}>
</div>
</td>
</tr>
</table>
</td>

      <span class="gensmall">
         

         

</span>
   </td>

Là j'ai fermé toutes les balises et supprimé les inutiles. Par contre le code que tu m'as passé ne correspond pas, il s'agit de FORUM_NAME et non POSTER_NAME, mais j'ai essayé ce code il marche. Par contre les stats apparaissent cette fois au dessus du nom du forum TT, regarde :

Spoiler:

Merci encore de ton aide !

Citation :: Par contre le code que tu m'as passé ne correspond pas, il s'agit de FORUM_NAME et non POSTER_NAME, mais j'ai essayé ce code il marche.

Je ne vois pas de quoi tu parles O_o (En plus je ne t'ai rien donné techniquement)

Les stats ne sont nulle part sur ton aperçu je vais aller loin avec ça XD Autant me donner le lien de ton forum.

Pourrais tu nous donner le template entier ? Parce que là on ne va jamais y arriver si tu donnes des fragments en coupant au hasard x_x Si tu as peur de te faire voler ton code (je ne vois pas pourquoi vu qu'il ne marche pas) mets le entre balises hide.

Parce que là, la partie "qui correspond" à l'affichage des forums et compagnie, c'est celle là :

Code:: <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
<table width="97%">
<tr>
<td>
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div><h{catrow.forumrow.LEVEL} class="hierarchy">
<div class="index-forum">

<br/>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
<br/>
<span class="genmed">{catrow.forumrow.FORUM_DESC}
<br/>
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</h{catrow.forumrow.LEVEL}>
</div>
</td>
</tr>
</table>
</td>

Avec des sauts de ligne et indentations propres, ça donne ça :

Code:: <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
<table width="97%">
   <tr>
      <td>
         <div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="index-forum">

               <br/>
               <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
               </span>
               <br/>
               <span class="genmed">{catrow.forumrow.FORUM_DESC}
                  <br/>
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
               </span>
            
         </h{catrow.forumrow.LEVEL}>
         </div>
      </td>
   </tr>
</table>
</td>

On se retrouve toujours avec plein de bordel entre les deux balises de titre <h{catrow.forumrow.LEVEL}> alors que je t'avais dit de le mettre ailleurs.
Il y a un div qui se balade un peu au hasard (tu sais ce que c'est des poupées russes ? Faut mettre la petite dans la grande. Bon, si tu fermes la grande avant la petite, comment tu fais pour fermer celle qui est dedans ? '_' Pareil avec les balises, faut faire attention à l'ordre de fermeture)

T'as édité ? Sinon j'ai du rêver. Les statistiques sont en haut à droite du titre soit "TUNNEL". Je te MP le lien de mon forum.
Je cache pas mon code, je sélectionne pour que ce soit plus lisible pour vous. Je répète que j'y connais rien en codage et tes explications même si elles sont claires, sont difficiles à comprendre pour moi donc je fais ce que je peux.

Template entier :

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

      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="center" valign="bottom">
<div style = "width: 400px; margin:auto; margin-top: 40px; margin-bottom: 100px;" >
<div style="float:left; -moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 6px; margin-left: 5px; background-color: white; width: 100px">
<a href="{U_SEARCH_NEW}"><font color="#000000" size="1"><b>NOUVEAU</b></font></a>
</div></span>
<div style="float:left; moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 6px; margin-left: 5px; background-color: white; width: 100px">
<a href="{U_SEARCH_SELF}"><font color="#000000" size="1"><b>MES MESSAGES</b></font>
</a></div></span>
<div style="float:left; moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 5px; margin-left: 6px; background-color: white; width: 120px">
<a href="{U_SEARCH_UNANSWERED}"><font color="#000000" size="1"><b>SANS RÉPONSES</b></font></a>
</div></span>
</div>

   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="2">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"> {L_LASTPOST} </div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   

   <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
      <table width="97%">
<tr>
<td>
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div><h{catrow.forumrow.LEVEL} class="hierarchy">
<div class="index-forum">

<br/>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
<br/>
<span class="genmed">{catrow.forumrow.FORUM_DESC}
<br/>
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</h{catrow.forumrow.LEVEL}>
</div>
</td>
</tr>
</table>
</td>

      <span class="gensmall">
         

         

</span>
   </td>

   <td class="row3 over" align="center" valign="middle" height="50"><div class="index-last"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Pour les div, il y a celui des stats et celui de l'index-forum. J'ai peut être mal placé celui de l'index-forum; je vais réessayer.

edit : j'ai pas appliqué le template donc il n'est pas visible. Regarde bien la capture, les stats sont à droite en haut.

Je suppose que le texte est en noir sur fond noir, d'où le fait qu'il est invisible. Et sinon, non je n'avais pas édité '_'

Le problème, c'est que pour vous aider (vous membres de CSSActif), on serait nous-même (nous les codeurs) plus à l'aise si vous preniez le temps d'apprendre les bases du HTML et du CSS (en particulier les règles d'imbrication des balises, la création d'un tableau, etc). Difficile de savoir ce que tu sais et ne sais pas, et nous n'avons pas forcément envie de faire un cours magistral quand il y a d'excellents cours disponibles sur internet ^^' (le reste n'est qu'une question de pratique)

En l’occurrence, si tu n'y connais rien, ne donne pas de bout de code si en plus tu ne sais même pas si tu sélectionnes la bonne partie. Ne t'en fais pas pour nous, on a l'habitude des templates x)

Si je te demande de me filer le lien de ton forum, c'est pour voir "en live" pourquoi les statistiques sont mal placées. Si tu n'appliques pas ton template, je vais avoir du mal à deviner x) En principe le code normal ne s'oppose pas à ce que ça marche... (comment tu fais pour tester si tu n'appliques pas tes modifications ? La visualisation n'est jamais super au point en plus... Tu n'as pas de forum de test tout simplement ?)

Sinon pour ton code...

Je t'ai parlé d'un div qui se baladait, voici comment le remettre à sa place :
Tu cherches cette ligne :

Code:: </h{catrow.forumrow.LEVEL}>

Juste en dessous tu as ça :

Code:: </div>

Tu le coupes et tu le colle AU DESSUS de la ligne que je t'ai citée.

Ensuite on va virer tout ton bazar du titre.

Tu cherches ça :

Code:: ><h{catrow.forumrow.LEVEL} class="hierarchy">

Et tu cherches ça :

Code:: </h{catrow.forumrow.LEVEL}>

Tu repères TOUT ce qu'il y a ENTRE ces deux lignes, tu le coupes et tu le colles EN DESSOUS.
Dans le tas (que tu viens de couper et coller), il y avait ça :

Code:: <span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>

Tu le coupes (encore) et tu le colles ENTRE les deux lignes dont j'ai parlé.
On se retrouvera (enfin) avec ce que je t'ai dit de faire trois posts plus haut, c'est à dire ça :

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>

Passées ces deux étapes on aura enfin un truc à peu près propre, à savoir :
LES STATISTIQUES
UN TITRE
UN CONTENU
Parce que pour le moment ça ressemble plutôt à ça :
LES STATISTIQUESUN TITUN
CON
TEN
UTRE

Haha, c'est plus clair maintenant c'est sûr ! Merci

Mais maintenant les titres des forums sortent du cadre et les statistiques ne sont toujours pas sur la même ligne :s . J'ai actualisé le template pour que tu puisses voir.

Je doute avoir mal suivi tes indications mais voici le template modifié :

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



<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="center" valign="bottom">
<div style = "width: 400px; margin:auto; margin-top: 40px; margin-bottom: 100px;" >
<div style="float:left; -moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 6px; margin-left: 5px; background-color: white; width: 100px">
<a href="{U_SEARCH_NEW}"><font color="#000000" size="1"><b>NOUVEAU</b></font></a>
</div></span>
<div style="float:left; moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 6px; margin-left: 5px; background-color: white; width: 100px">
<a href="{U_SEARCH_SELF}"><font color="#000000" size="1"><b>MES MESSAGES</b></font>
</a></div></span>
<div style="float:left; moz-border-radius:10px;-webkit-border-radius: 4px; padding: 6px; margin-right: 5px; margin-bottom: 5px; margin-left: 6px; background-color: white; width: 120px">
<a href="{U_SEARCH_UNANSWERED}"><font color="#000000" size="1"><b>SANS RÉPONSES</b></font></a>
</div></span>
</div>

</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="2">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"> {L_LASTPOST} </div></th>
</tr>


<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<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>


<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>


<td class="row1 over" colspan="2" valign="top" width="100%" height="50">
<table width="97%">
<tr>
<td>
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<div class="index-forum">

<br/>

<br/>
<span class="genmed">{catrow.forumrow.FORUM_DESC}
<br/>
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</div>
</td>
</tr>
</table>
</td>

<span class="gensmall">




</span>
</td>

<td class="row3 over" align="center" valign="middle" height="50"><div class="index-last"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td>
</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Pour les statistiques qui sont décalées, c'est dans ton CSS :

Code:: .StatsForum {
float:right;
font-size: 11px;
padding: 11px;
font-family: Arial;
color : #000000;
display: inline;
}

Retire le display:inline qui n'a rien à faire là, et réduis la valeur du padding à 2px (c'est parce qu'il est trop grand que ça fait un décalage). Et tant qu'à faire mets une autre couleur que le noir on voit rien là XD

Quelques erreurs résiduelles encore. Dans le HTML, cherche cette partie :

Code:: </td>

<span class="gensmall">




</span>

Et tu la supprimes (avec le </td> du début, oui, oui). En effet, il faut supprimer le </td> parce qu'il fait doublon avec celui un peu plus bas. Pour ce qui est du reste du code, il n'affichera rien en fait. Par contre il faut que tu remplaces ce code :

Code:: {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

Par ça :

Code::          
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

Pour le titre en dehors du cadre, ça répond à une de mes interrogations (je me demandais s'il devait être dans la boite ou en dehors de la boite), et donc il te faut déplacer le titre (les balises <h{catrow.cathead.LEVEL}> ouvrante et fermante et ce qu'il y a entre les deux) et les statistiques en dessous de <div class="index-forum">, et là je te laisse faire parce que je t'ai déjà beaucoup trop aidée.

Génial, merci beaucoup Very Happy

!

Hello (:
Je vois que le problème est résolu, par conséquent je classe (:
Merci de l'avoir signalé RÉSOLU - Problème d'alignement 926145

RÉSOLU - Problème d'alignement

RÉSOLU - Problème d'alignement

Sujets similaires

Sujets similaires

Partenaires Or