Problème de marge interne/externe pour les différent bloc

[Takasu-ryuji]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Comme ça de base
Lien du forum : http://baroqueworks.maguilde.net/forum

Description du problème

Bonjour,

Je n'arrive pas à réglé les marges internes et externes des différents bloc, j'ai essayer de chercher des tutoriels se rapprochant de ce que je veut créer et de les adapter mais je coince sur cet aspect basique. J'aimerais aussi savoir la taille du font optimum pour un redimensionnement automatique. J'ai déjà réussi à mettre en place le redimensionnement automatique mais j'aimerais le mettre en place pour les gens ayant un plus grand écran que le miens, malheureusement j'ai pas trouver la taille de l'image adéquate en XXXX x XXX px du coup je n'ai pas encore pu me mettre au boulot pour recréer un fond de forum, il se peut donc qu'il sois décalé vis à vis du milieu de bloc (en phase de création du design forum je n'ai pas moyen de vérifié moi même cet aspect).

Cordialement je vous remercie d'avance pour votre soutien

[horusbk]

Bonjour Takasu-ryuji,
Pour l'espace trop important que vous indiquez entre le barre de navigation et le message de construction du forum :
Il s'agit de l'espace publicité de FA. Vous ne le voyez pas car vous devez, sans doute, utiliser un bloqueur de publicité de type adblock.

Pour l'espace trop faible, si votre souhait est d'en augmenter la taille, pourriez-vous me fournir votre template index_body (page d'accueil).

Cordialement,
horusbk

[Takasu-ryuji]

ah merci j'ai l'air fin à batailler pour le retirer :'), par contre hier j'ai remarqué que j'avais un soucis car j'ai mis dans le css des effets qui doivent arrondir des angles, mais tout les effets arrondissant des angles ne fonctionne pas pour moi du coup je me demander si cet effet appel pas une classe en javascript pour fonctionner car j'ai remarqué dans mes codes que je crée deux fois une classe ou un appel de classe différentes avec le même nom et ça m'a jouer quelque tour notamment quand je suis des tutoriels pour modifier mon forum et que je copie colle sans me poser trop de question.

En tout cas merci de ta réponse rapide pour le coup.

le template index-body

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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <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">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <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}">{catrow.forumrow.FORUM_NAME}</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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- 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 -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[Lixyr]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Je rappelle qu'une seule question par sujet est autorisée, afin de favoriser les recherches ultérieures. Je verrouille donc ce sujet en vous invitant à reposter la ou les questions restantes dans des sujets distincts. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Bonjour,

Pour les marges cherchez ça dans le template index_body :

Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Rajoutez une classe à la table, et ensuite ajoutez ceci dans votre CSS

Code:

.votreclasse {
  margin: 15px;
}

Changez votreclasse par la classe que vous avez donnée à votre table.