Pagination de la liste des sujets Bouton_activePagination de la liste des sujets Bouton_hoverPagination de la liste des sujets Fb-hoverPagination de la liste des sujets Fb-active
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
Pagination de la liste des sujets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Pagination de la liste des sujets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Pagination de la liste des sujets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Pagination de la liste des sujets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Pagination de la liste des sujets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Pagination de la liste des sujets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Pagination de la liste des sujets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Pagination de la liste des sujets EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Pagination de la liste des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
    Salut tout le monde! Very Happy


Je suis en pleine création d'un forum && je bidouille quelques templates. && Certains me posent de légers soucis. Notamment le template topics_list_box.

J'ai réussi à déplacer la pagination des sujets && à la mettre au dessus du cadre comme vous pouvez le voir. Le problème c'est que les mots sont les uns en dessous des autres. Comment faire pour que la phrase reste sur la même ligne ?

Aperçu : http://iansomerhalderfan.forumactif.fr/f1-reglement

J'aimerais également savoir à quoi correspond la pagination d'un sujet dans le template. On voit sous le titre du topic Sujet test pagination le nombre de page. Je n'arrive pas à trouver à quoi ça peut correspondre. && J'aimerais également pouvoir enlever les [ ].

Voilà mon template :

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

<!-- BEGIN pagination -->
   <tr>
      <td class="pagination_sujets"><span class="pagination_sujets">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
<table class="forumline"  border="0" cellspacing="0" cellpadding="0">

   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </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>
   <!-- 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%">

 <table width="100%" cellspacing="0">


        <tr>
       

        <td> 


         
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG} <span class="auteur_topic">{topics_list_box.row.TOPIC_AUTHOR}</span> <span class="a_écrit">a écrit</span> <span class="topictitle"><h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </span>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            

            {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 width="100px">

       
        <span class="postdetails"><center><b>{topics_list_box.row.REPLIES}</b> réponses</center></span>

        </td>

<td width="150px">

       
        <span class="postdetails"><center>{topics_list_box.row.LAST_POST_TIME}<br>
{topics_list_box.row.LAST_POST_AUTHOR}</center></span>

        </td>
       
        </tr>

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

&& Mon CSS :

Code:
/*____________TITRES DES FORUMS____________*/
.forumlink {
      font-size: 20px;
      font-family: Arial;
      padding-left: 200px;
      color: #000000;
      text-shadow:  #FFA34F 2px 0px 0px;

}



/*____________DESCRIPTION DES FORUMS____________*/
.forum_description {
      padding: 0px;
      text-align: justify;
      padding-top: 8px;
      padding-right: 130px;
      width : 370px;
      font-size: 10px;
      background-color: #cccccc;
}


.genmed {
      font-family: tahoma;
}



/*____________STATISTIQUES DES FORUMS____________*/
.dernier_message {
      -moz-border-radius: 30px;
      webkit-border-radius: 30px;
      border-radius: 30px;
      background-color: #dddddd;
      font-family: Arial;
      font-size: 9px;
      color:#555555;
      text-align: center;
      height : 50px;
      width : 130px;
}



/*____________ICONES DES MESSAGES INDEX____________*/
.icône {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      background-color : #cccccc;
      color: #ffffff;
      height : 35px;
      width : 50px;
}



/*____________PROFIL MESSAGES____________*/
.name {
      text-align: center;
      font-size: 15px;
      font-family: Trebuchet MS;
      text-shadow:  #FFFFFF 2px 0px 0px;
}


.rang {
      text-align: center;
      font-size: 9px;
      font-family: Tahoma;
}


.profil_contour {
      -moz-border-radius: 30px 30px 5px 5px;
      webkit-border-radius: 30px 30px 5px 5px;
      border-radius: 30px 30px 5px 5px;
      background-color : #cccccc;
      padding : 5px;
}



/*____________LISTE DES SUJETS____________*/
.auteur_topic {
      font-size: 14px;
      font-family: Trebuchet MS;
      text-shadow:  #FFFFFF 2px 0px 0px;
}


.a_écrit {
      font-size: 9px;
      font-family: Trebuchet MS;
}


.topictitle {
      font-size: 17px;
      font-family: Trebuchet MS;
      text-shadow:  #FFFFFF 2px 0px 0px;
}


.postdetails {
      text-align: center;
      font-size: 10px;
      font-family: Trebuchet MS;
}


.pagination_sujets {
      text-align: right;
      font-size: 10px;
      font-family: Trebuchet MS;
      width: 500px;
}

Merci d'avoir aux personnes qui répondront I love you
MessageSujet: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:18
Revenir en haut Aller en bas
Invité
Invité




Pagination de la liste des sujets Empty
Salut, j'espère avoir trouver la solution:

Code:
<nobr>Le texte</nobr>

La balise NOBR est une balise qui dit à ton navigateur de ne pas sauté de ligne!
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:23
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Ah ça marche mais ( Oui il y a toujours un mais! ) ça m'a pas mal élargi ma page.
J'ai enlevé le width; 500px que j'avais mis dans mon CSS mais ça ne change rien. Rolling Eyes
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:31
Revenir en haut Aller en bas
Invité
Invité




Pagination de la liste des sujets Empty
Passe moi le bout du template que tu as modifier (seulement le bout que tu as modifier et non l'entier) s'il te plaît. Pagination de la liste des sujets 536843
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:33
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
&& Voilà. Toutes les modifications que j'ai faites sont dans cette partie :

Code:

<!-- BEGIN pagination -->
   <tr>
      <td><span class="pagination_sujets"><nobr>{PAGINATION}</nobr></span></td>
   </tr>
   <!-- END pagination -->
<table class="forumline"  border="0" cellspacing="0" cellpadding="0">

   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </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>
   <!-- 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%">

 <table width="100%" cellspacing="0">


        <tr>
       

        <td> 


         
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG} <span class="auteur_topic">{topics_list_box.row.TOPIC_AUTHOR}</span> <span class="a_écrit">a écrit</span> <span class="topictitle"><h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </span>
         <!-- 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 width="100px">

       
        <span class="postdetails"><center><b>{topics_list_box.row.REPLIES}</b> réponses</center></span>

        </td>

<td width="150px">

       
        <span class="postdetails"><center>{topics_list_box.row.LAST_POST_TIME}<br>
{topics_list_box.row.LAST_POST_AUTHOR}</center></span>

        </td>
       
        </tr>

        </table>
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:35
Revenir en haut Aller en bas
Invité
Invité




Pagination de la liste des sujets Empty
Enlève voir les balises TR pour voir? Bravo !
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:41
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Ca ne change rien si ce n'est pas que ça a déplacé ma pagination à côté des pubs :
http://iansomerhalderfan.forumactif.fr/f1-reglement Rolling Eyes
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:46
Revenir en haut Aller en bas
Invité
Invité




Pagination de la liste des sujets Empty
Alors remets les balises TR et enlève les balises TD
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 12:51
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Cette fois_ci la pagination se met au dessus des publicité && il y a une modification de la taille d'écriture Neutral
http://iansomerhalderfan.forumactif.fr/f1-reglement
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 13:22
Revenir en haut Aller en bas
Invité
Invité




Pagination de la liste des sujets Empty
Bon remet tout en place, je vais essayer de trouver ça!!
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 13:26
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Voilà c'est fait. J'ai remis le template du premier post Wink
Merci pour ton aide!!
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 20 Déc 2010, 13:28
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Pagination de la liste des sujets Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Pagination de la liste des sujets Resolu3 en éditant votre premier post.
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyLun 27 Déc 2010, 15:54
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Mon problème est toujours d'actualité Very Happy
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyMer 29 Déc 2010, 11:44
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Pagination de la liste des sujets Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Pagination de la liste des sujets Resolu3 en éditant votre premier message (:
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyMer 05 Jan 2011, 09:58
Revenir en haut Aller en bas
http://iansomerhalderfan.forumactif.fr
Margaux
Margaux
{ Membre }
{ Membre }

Féminin Messages : 40



Pagination de la liste des sujets Empty
Toujours d'actualité ^^
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyJeu 06 Jan 2011, 08:17
Revenir en haut Aller en bas
Kiwi
Kiwi
{ Membre }
{ Membre }

Féminin Messages : 142



Pagination de la liste des sujets Empty
Bonsoir,

Remplacer ceci :

Code:
<td class="pagination_sujets">

Par ceci :

Code:
<td class="pagination_sujets" colspan="2" >

Résoudrait-il ton problème? Il semblerait qu'il y ait deux colonnes dans ton tableau, alors je pense qu'il faut lui indiquer la fusion des deux colonnes pour que ta pagination puisse prendre toute la largeur... =)

Pour ta seconde question, je suppose (je ne trifouille presque jamais du forumactif ^^') que ceci permet d'afficher les listes de page d'un sujet :

Code:
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>

Essaye de mettre en commentaire pour voir si ça supprime bien ça ^^ Si c'est le cas, tu n'as a priori pas le loisir de supprimer des caractères comme "[" ou "]", à moins d'utiliser une petite fonction javascript... =)

Kiwi
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyJeu 06 Jan 2011, 18:34
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Pagination de la liste des sujets Empty
Bonjour,
Votre problème est toujours d'actualité ? S'il est maintenant résolu,veuillez cocher l'icône "Résolu" en éditant votre premier message
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyJeu 13 Jan 2011, 08:13
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Pagination de la liste des sujets Empty
Hello (:
Comme aucune réponse n'a été postée depuis la dernière relance d'un modérateur, je considère ce problème comme résolu ou abandonné.
Je classe, merci de votre compréhension (:
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets EmptyMer 19 Jan 2011, 12:14
Revenir en haut Aller en bas
Contenu sponsorisé




Pagination de la liste des sujets Empty
MessageSujet: Re: Pagination de la liste des sujets   Pagination de la liste des sujets Empty
Revenir en haut Aller en bas
 

Pagination de la liste des sujets

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

 Sujets similaires

-
» Liste des sujets
» Problème avec la liste des sujets
» Enlever le tableau en dessous de la liste des sujets.
» Fond de la liste des sujets qui ne va pas jusqu'en bas [A archiver]
» Enlever ou modifier un élément de la liste de sujets

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-

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