Les forums sur deux colonnes [résolu] Bouton_activeLes forums sur deux colonnes [résolu] Bouton_hoverLes forums sur deux colonnes [résolu] Fb-hoverLes forums sur deux colonnes [résolu] Fb-active
AccueilForumÉquipe 
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Les forums sur deux colonnes [résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Les forums sur deux colonnes [résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Les forums sur deux colonnes [résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Les forums sur deux colonnes [résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Les forums sur deux colonnes [résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Les forums sur deux colonnes [résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Les forums sur deux colonnes [résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Les forums sur deux colonnes [résolu] EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Les forums sur deux colonnes [résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Bonjour à tous,

Voilà, j'ai modifié plein de petits trucs dans mes catégories grâce à vos tutos. Il me reste néanmoins une chose, je souhaiterais mettre mes forums sur deux colonnes comme dans cet exemple : http://dreamorhell.forumotion.com/

Le tout sans toucher à mes modifications déjà faites. (je pourrais toujours en faire d'autres plus tard)

Voici l'adresse de mon forum test :


Mes Index Box et CSS :



Un grand merci par avance à celui qui m'aidera.

Bonne soirée.

Lux'


Dernière édition par LuxAeterna le Dim 19 Mai 2013, 13:44, édité 1 fois
MessageSujet: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptySam 11 Mai 2013, 14:04
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
J'ai fabriqué un petit exemple de ce que j'aimerais obtenir avec mes modifications déjà faites :

Spoiler:

Encore merci pour votre aide.

Lux'
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 09:58
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
J'avais déjà fait ça sur mon forum ^^
Je suppose que tu as déjà cherché sur CSS Actif Wink. Éventuellement si tu es sur Never Utopia, ils ont un tuto dessus, je l'avais déjà vu. Il suffit de chercher "forumactif catégories colones", (si c'est considéré comme de la pub, vous pouvez éditer mon message ^^).

En gros, le principe c'est :
- Dans tes templates, chaque forum est défini par une ligne de tableau (tr). Il faut modifier son code de telle manière à ce qu'ils soient non plus dans des tr, mais dans des div. Du coup, il faut aussi modifier le code à l'intérieur pour que cela ne fasse pas de bug.
- Une fois que c'est fait, pour chaque div tu leurs donnes une taille qui correspond à un peu moins de 50% de la largeur de ton forum.
- Enfin, tu rajoutes float:left à tes div, pour qu'elles se mettent à la suite.

Je ne connais pas ton niveau de codage précis, je ne sais pas si tu comprendras ou pourras mettre en place ce que j'ai dit, vu que j'ai expliqué (très) rapidement.
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 10:21
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Salut,
Merci beaucoup pour ta réponse rapide.
Oui j'ai cherché sur CSS-actif et oui, je connais NU mais la plupart de leur tuto s'adresse à des fins connaisseurs, pas à des débutants.
J'ai essayé de prendre leur code et de le retoucher mais sans succès.

Effectivement, je comprends de quoi tu parles dans ton explication mais mon niveau n'est pas assez élevé pour que je le fasse toute seule. Je vais avoir besoin d'aide pas à pas, si tu as le temps et la motiv Wink

Merci encore.

Lux'
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 13:48
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
Alors, j'ai fait un essai sur mon forum test avant de te proposer, mais il peut y avoir des petites erreurs.

Avant de t'expliquer, il vaut mieux d'abord vérifier que cela marche sur ton forum.

Spoiler:
Voilà, je te laisse essayer et me dire si ça marche ^_____^. Si oui, je t'explique Razz (je vais pas t'expliquer un truc potentiellement faux)


Edit :

Voici la version définitive :
Code:
<!-- DEBUT VOIR LES DERNIERS MESSAGES -->   
<table>   
<tr>
<td valign="bottom"></td>
<td class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
    <script type="text/javascript">
    document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les Nouveaux Messages depuis ma Dernière Visite");
    </script>
</td>
</tr>
</table>
<!-- FIN VOIR LES DERNIERS MESSAGES -->
 
 
<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">


 
 <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- COMMENT  <tr>COMMENT-->
      <!-- BEGIN inc -->
      <!-- COMMENT  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <!-- COMMENT <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> COMMENT-->
  <!-- END cathead -->
 
  <!-- BEGIN forumrow -->
  <div class="boxforum">
     <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
                 <!-- BEGIN inc -->
                 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                 <!-- END inc -->
                 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 </td>
                 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                   
                     <span class="forumlink">
                       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        
                        <span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>
                      
                       </a><br />
                     </span>
                   
                  </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  <span class="gensmall">
                  <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  <!-- END switch_moderators_links -->
                   </span>
                  
                  <span class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  
                 </td>
                           
                 <td class="row3 over" align="center" valign="middle" height="50">
                     <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</div>
                     <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
                 </td>
            
   
      </tr>
   
   </table>
  </div>
 
  <!-- END forumrow -->
 
  <div>
     <table>
      <!-- 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 -->
   </table>
  </div>
 
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 

Le CSS à rajouter

Code:

.boxforum {
   width: 400px;
     float:left;
}


Dernière édition par Nihil le Dim 12 Mai 2013, 16:43, édité 2 fois
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 15:37
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
ooooooh super ! ça marche très bien !!! Merci beaucoup !!!

Oui volontiers pour l'explication, car j'ai fait plusieurs essais et... Crying or Very sad
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 15:48
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
J'essaye de régler certains petits problèmes (regarde ton forum en invité, il y a un bug du coup avec le QEEL)

Tu peux essayer avec ça pour index box s'il te plait ?
Code:
<!-- DEBUT VOIR LES DERNIERS MESSAGES -->       
<tr>
<td valign="bottom"></td>
<td class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
    <script type="text/javascript">
    document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les Nouveaux Messages depuis ma Dernière Visite");
    </script>
</td>
<tr>
<!-- FIN VOIR LES DERNIERS MESSAGES -->
 
 
<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">


 
 <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- COMMENT  <tr>COMMENT-->
      <!-- BEGIN inc -->
      <!-- COMMENT  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <!-- COMMENT <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> COMMENT-->
  <!-- END cathead -->
  <div class="forumlinebox" >
  <!-- BEGIN forumrow -->
  <div class="boxforum">
     <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
                 <!-- BEGIN inc -->
                 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                 <!-- END inc -->
                 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 </td>
                 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                   
                     <span class="forumlink">
                       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        
                        <span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>
                      
                       </a><br />
                     </span>
                   
                  </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  <span class="gensmall">
                  <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  <!-- END switch_moderators_links -->
                   </span>
                  
                  <span class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  
                 </td>
                           
                 <td class="row3 over" align="center" valign="middle" height="50">
                     <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</div>
                     <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
                 </td>
            
   
      </tr>
   
   </table>
  </div>
 
  <!-- END forumrow -->
 
  <div>
     <table>
      <!-- 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 -->
   </table>
  </div>
  <div style="clear:both"></div>
  <!-- BEGIN tablefoot -->
</div><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 15:57
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Voilà, j'ai remis la visibilité des forums pour les invités afin que nous ayons la même chose sous les yeux.

MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:08
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
Bon manifestement, ça crée un gros bug XDDDD

Code:
<!-- DEBUT VOIR LES DERNIERS MESSAGES -->       
<tr>
<td valign="bottom"></td>
<td class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
    <script type="text/javascript">
    document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les Nouveaux Messages depuis ma Dernière Visite");
    </script>
</td>
<tr>
<!-- FIN VOIR LES DERNIERS MESSAGES -->
 
 
<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">


 
 <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>
  <div class="forumlinebox" >
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- COMMENT  <tr>COMMENT-->
      <!-- BEGIN inc -->
      <!-- COMMENT  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <!-- COMMENT <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> COMMENT-->
  <!-- END cathead -->
 
  <!-- BEGIN forumrow -->
  <div class="boxforum">
     <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
                 <!-- BEGIN inc -->
                 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                 <!-- END inc -->
                 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 </td>
                 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                   
                     <span class="forumlink">
                       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        
                        <span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>
                      
                       </a><br />
                     </span>
                   
                  </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  <span class="gensmall">
                  <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  <!-- END switch_moderators_links -->
                   </span>
                  
                  <span class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  
                 </td>
                           
                 <td class="row3 over" align="center" valign="middle" height="50">
                     <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</div>
                     <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
                 </td>
            
   
      </tr>
   
   </table>
  </div>
 
  <!-- END forumrow -->
 
  <div>
     <table>
      <!-- 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 -->
   </table>
  </div>
  <div style="clear:both"></div>
  <!-- BEGIN tablefoot -->
</div><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 

Ceci devrait être mieux Very Happy (enfin j'espère Very Happy). Désolée pour les changements fréquents mais je travaille un peu à l'aveugle XDDD
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:10
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Tu n'as pas à être désolée, je te remercie infiniment de me consacrer du temps.

Quand moi je bosse à l'aveugle, crois-moi c'est bien pire Rolling Eyes

Bon bah... ça bug toujours...
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:13
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
Je crois que là j'ai la solution définitive :DDDD /PAS TAPER PAS TAPER/

Code:
<!-- DEBUT VOIR LES DERNIERS MESSAGES -->       
<tr>
<td valign="bottom"></td>
<td class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
    <script type="text/javascript">
    document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les Nouveaux Messages depuis ma Dernière Visite");
    </script>
</td>
<tr>
<!-- FIN VOIR LES DERNIERS MESSAGES -->
 
 
<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">


 
 <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>
  <div class="forumlinebox" >
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- COMMENT  <tr>COMMENT-->
      <!-- BEGIN inc -->
      <!-- COMMENT  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <!-- COMMENT <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> COMMENT-->
  <!-- END cathead -->
 
  <!-- BEGIN forumrow -->
  <div class="boxforum">
     <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
                 <!-- BEGIN inc -->
                 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                 <!-- END inc -->
                 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 </td>
                 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                   
                     <span class="forumlink">
                       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        
                        <span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>
                      
                       </a><br />
                     </span>
                   
                  </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  <span class="gensmall">
                  <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  <!-- END switch_moderators_links -->
                   </span>
                  
                  <span class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  
                 </td>
                           
                 <td class="row3 over" align="center" valign="middle" height="50">
                     <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</div>
                     <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
                 </td>
            
   
      </tr>
   
   </table>
  </div>
 
  <!-- END forumrow -->
 
  <div>
     <table>
      <!-- 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 -->
   </table>
  </div>
 
  <!-- BEGIN tablefoot -->
</div><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 

Ah, et dans le CSS que j'ai ajouté, peut tu enlever le min-height que j'avais mis Smile ?
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:15
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Presque ! La 2e rubrique est un peu décalée par rapport à la première...
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:20
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
Bon je vois d'où viens le problème : tout n'entre pas dans la div#page-body...

Encore et encore une version xD :

Code:
<!-- DEBUT VOIR LES DERNIERS MESSAGES -->   
<table>   
<tr>
<td valign="bottom"></td>
<td class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
    <script type="text/javascript">
    document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les Nouveaux Messages depuis ma Dernière Visite");
    </script>
</td>
</tr>
</table>
<!-- FIN VOIR LES DERNIERS MESSAGES -->
 
 
<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">


 
 <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- COMMENT  <tr>COMMENT-->
      <!-- BEGIN inc -->
      <!-- COMMENT  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <!-- COMMENT <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> COMMENT-->
  <!-- END cathead -->
 
  <!-- BEGIN forumrow -->
  <div class="boxforum">
     <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
                 <!-- BEGIN inc -->
                 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                 <!-- END inc -->
                 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 </td>
                 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                   
                     <span class="forumlink">
                       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        
                        <span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>
                      
                       </a><br />
                     </span>
                   
                  </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  <span class="gensmall">
                  <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  <!-- END switch_moderators_links -->
                   </span>
                  
                  <span class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  
                 </td>
                           
                 <td class="row3 over" align="center" valign="middle" height="50">
                     <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</div>
                     <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
                 </td>
            
   
      </tr>
   
   </table>
  </div>
 
  <!-- END forumrow -->
 
  <div>
     <table>
      <!-- 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 -->
   </table>
  </div>
 
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 

Rien n'est parfait du premier coup \o/
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:25
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Bah c'est nickel comme ça !!! Bon y'a mon "voir les nouveaux messages" qui est revenu à gauche, le vilain. Mais je devrais pouvoir me débrouiller.

Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiii !!!

Les forums sur deux colonnes [résolu] Hug_attack
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:34
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Les forums sur deux colonnes [résolu] Empty
Ok Very Happy
Je suis heureuse d'avoir pu t'aider Smile
Il y a peut être encore des petits bugs cachés, hésite pas à me prévenir dans ce cas là ^^'
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:37
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Les forums sur deux colonnes [résolu] Empty
Bon j'ai compris tes modifications par rapport à ton premier poste d'explication. J'ai encore des petites choses à changer par ci par là, ça me donnera l'occasion de tester.

En tout cas MERCI BEAUCOUP BEAUCOUP BEAUCOUP d'avoir pris le temps de m'aider, c'est vraiment très gentil et BRAVO !!!

MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] EmptyDim 12 Mai 2013, 16:40
Revenir en haut Aller en bas
Contenu sponsorisé




Les forums sur deux colonnes [résolu] Empty
MessageSujet: Re: Les forums sur deux colonnes [résolu]   Les forums sur deux colonnes [résolu] Empty
Revenir en haut Aller en bas
 

Les forums sur deux colonnes [résolu]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [résolu]Catégories en deux colonnes
» Un Qeel en deux colonnes
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» Forums deux par deux
» [Résolu] Problème après suppression des colonnes "Sujets" et "Messages".

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit