Supprimer l'espace entre "la date/heure actuelle" et bonton de message

[LIWawa]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis hier après avoir remis le code d'origine
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,
C'est la première fois que je poste un message sur ce forum et je suis une vraie débutante dans ce domaine. J'ai essayé de trouver la réponse toute seule mais je n'y arrivais pas, j'ai besoin de votre aide

Voilà le problème : je voudrais supprimer l'espace entre la phrase "la date/heure actuelle est..." et les trois boutons de messages comme indiquée dans l'image

Mais je ne sais pas comment y arriver
Merci de votre aide !!!!

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Comme votre template index_box a été modifié, il faudrait nous le fournir SVP

[LIWawa]

Merci@Neptunia, c'est très gentil de votre part !

Oui je vous le donne tout de suite ! (Désolée je suis partie !)

Code:

<ul class="linklist wawa">
   <!-- BEGIN switch_user_logged_in -->
    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
   
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   
   
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Merci de votre aide !!

[LIWawa]

En fait j'ai aussi une autre question par rapport à ce template Index_box , c'est que j'aimerais décaler ces trois boutons (donc ces trois taches de sang) vers la droite, c'est à dire sous "Dernière visite le Dim 5 Juin 2016 - 15:55" parce qu'ils sont collés sur la gauche et du coup je les trouve moches. Est-ce que vous pourriez m'aider à faire cela, s'il vous plaît ?

[Neptunia]

Les balises de type <ul> (dans l'index_box) tout comme les balises de type <p> sont des balises de type bloc, elles intégrent d'office un saut de ligne avant, et un autre après.

Pour aligner le bloc à droite, rajouter ceci à votre CSS

Code:

.wawa {
  float: right;
}

Pour réduire l'espacement entre la ligne de date/heure et celle vers les sujets nouveaux/personnels/sans réponse remplacer au tout début de l'index_box vos élémernts de bloc par des éléments en ligne :
Par exemple en remplaçant :

Code:

<ul class="linklist wawa">
  <!-- BEGIN switch_user_logged_in -->
    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
 
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 
 
  <!-- END switch_user_logged_in -->
</ul>

par :

Code:

    <span class="linklist wawa">
      <!-- BEGIN switch_user_logged_in -->
        <span><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</span>
      <span><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</span>
      <span><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></span>
      <!-- END switch_user_logged_in -->
    </span>

Si l'espace est toujours jugé trop haut, il faudra procéder de même dans l'index_body en remplaçant :

Code:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

par :

Code:

<!-- BEGIN switch_user_logged_in --><span class="right rightside">{LAST_VISIT_DATE}</span><!-- END switch_user_logged_in -->
<span>{CURRENT_TIME}</span>

Les balises changeant de type, vous devrez probablement recourir à un peu de CSS pour remplacer le CSS de base qui ne sera plus actif (p.rightside par exemple)

[LIWawa]

Super Merci @Neptunia!! Je vais essayer votre code tout de suite !

[LIWawa]

Merci @Neptunia les problèmes sont résolus ! C'est exactement ce que je voulais maintenant dans le forum ! Merci !