Mettre de l'espace à 2 endroits comme montré dans la copie d'écran

[Mandy22]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Mettre de l'espace à 2 endroits comme montré dans la copie d'écran
Lien du forum : http://libertesansfrontiere.forumactif.org/

Description du problème

Bonjour,

Je souhaiterais aérer le forum car là tout est collé...

Comment obtenir un code pour mettre de l'espace :

- entre la barre de menu et "voir les derniers messages depuis votre dernière visite"
- entre "voir les messages sans réponse" et la 1ère rubrique nommée L'ASSOCIATION

Y a t il un code à insérer quelque part pour que ces 2 espaces se fassent en une seule fois ?

J'ai cherché avant de poster, j'ai vu un code pour ma seconde question mais pas pour ma 1ère d'où ce post.

Panneau d'administration > Affichage > Couleurs > Feuille de style CSS (à droite)

.forumline {
margin-top: 10px;
}

Merci de votre aide si précieuse !

[Invité]

Bonjour,

Insérez ceci dans Affichage > Couleurs > Feuille de style CSS :

Code:

td.gensmall{
 padding:10px;
}

Cordialement.

[Mandy22]

C'est fait ! J'ai malheureusement un décalage entre la droite et la gauche, un espace ok à droite en haut et en bas mais pas à gauche (pour le bas)...

Regardez...

http://libertesansfrontiere.forumactif.org/

[Invité]

Dans ce cas remplacez par ceci :

Code:

td.gensmall{
  padding-top:10px;
  padding-bottom:10px;
}

Cordialement.

[Mandy22]

Je viens de le faire, ça ne change rien...

Regardez : http://libertesansfrontiere.forumactif.org/

A gauche en bas, c'est toujours collé.

[Invité]

Salut Mandy22,

il suffit d'aller dans le template concerné :
Dans le template index_box:
Affichage/Templates/Général/index_box

Tout au début tu as ceci:

Code:


<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>



Il suffit de mettre un saut de ligne avant et après comme ceci:

Code:


<br />

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>

<br />


Penses a enregistrer les modifications en cliquant respectivement sur et


a++

[Mandy22]

Merci bcp, ça marche !!!!

Bonne journée à vous et merci pour votre réactivité ; bravo à ce forum d'aide qui est top !!