Marges indésirables

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Marges indésirables

Message par Nileeda le Mar 21 Oct 2014 - 22:25

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, 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 : 21/10/2014, à la suite d'un nouveau design
Lien du forum : http://pensionnat-rayen.forumactif.org/

Description du problème

Bonjour, bonsoir.
Nous rencontrons un problème, esthétique plus que gênant. Depuis l'installation des "onglets" pour notre forum, nous avons une marge indésirable qui s'agrandie à chaque catégorie. La dernière est la plus gênante puisque c'est la plus grande.

J'aimerai donc savoir si vous aviez une idée pour supprimer cette marge.

Voici le template des catégories et le CSS associé :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <!-- END switch_user_logged_in -->
        </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <center><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ▬ <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ▬ <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></center>
  <!-- END switch_user_logged_in --> 
    </td>
  </tr>
</table>
<div id="conteneur_onglets_cate">
  <div class="onglet_cate">Préambule</div>
  <div class="onglet_cate">Gestion des personnages</div>
  <div class="onglet_cate">Extérieur</div>
  <div class="onglet_cate">Bâtiment principal</div>
  <div class="onglet_cate">Bâtiments annexes</div>
  <div class="onglet_cate">Kochi</div>
  <div class="onglet_cate">Périphérie et ailleurs</div>
  <div class="onglet_cate">Hors RPG</div>
</div>
<div id="conteneur_cate"><!-- BEGIN catrow --><!-- BEGIN tablehead -->
  <br /><div class="categorie">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
 <!-- END cathead -->
      <!-- BEGIN forumrow -->
<div class="forum">
  <table><tr><td><div class="backforum"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}" style="color: #FFFFFF;">{catrow.forumrow.FORUM_NAME}</a></div></td>
    <td colspan="2"><div class="backmess"><div class="mess"><center>{catrow.forumrow.TOPICS} sujets ♕ {catrow.forumrow.POSTS} messages</center></div></div></td></tr>
 
  <tr><td><div class="description">{catrow.forumrow.FORUM_DESC}</div></td>
    <td><div class="sous_forum a"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
      jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');</script>
</div></td>
    <td><center><div class="last_mess a"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div><br/><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/></center></td>
    </tr></table>


  </div><br /> 
   
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
  </div>
 
<!-- END tablefoot --><!-- END catrow -->

Code:
/* --------------------------------- CATEGORIES --------------------------------- */

#conteneur_onglets_cate {
width: 100%;
height: 25px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;}

/* Mise en forme des noms donglets */
#conteneur_onglets_cate div {
display: inline-block;
position: relative;
margin: 5px;
color: #ff7e38;
text-shadow: 1px 1px 0px #F1F1F1;
font-size: 17px;
font-family: Georgia;
text-transform: uppercase;
letter-spacing: -1px;
cursor: pointer;}

a.forumlink {
color: #FFFFFF;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
height: 20px;
font-weight: 400;
letter-spacing: 1px;
padding: 2px;
margin-left: 10px;
text-align: justify;
text-transform: uppercase;}

.backforum {
background-color: #ff7e38;
width: 500px;
margin-left: 20px;}

.mess {
color: #FFFFFF;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
height: 20px;
font-weight: 400;
letter-spacing: 1px;
padding: 2px;
margin-left: 10px;
text-align: justify;
text-transform: uppercase;
}

.backmess {
background-color: #20bfd9;
width: 215px;}

.description {
width: 490px;
border-bottom: 2px solid #20bfd9;
border-radius: 10px;
padding: 3px;
height: 75px;
overflow: auto;
font-size: 11px;
margin-left: 20px;
margin-right: 2px;
text-align: justify}

.sous_forum a{
display: block;
width: 90px;
height: 11px;
font-size: 9px !important;
background-color: #F5F5F5;
text-align: center;
margin-top: -16px;
text-transform:uppercase;
overflow: auto;
text-shadow: 1px 1px 0px #F1F1F1;}

.last_mess a{
font-size: 10px !important;
margin-top: 5px;
margin-bottom: -5px;
padding: 1px;
width: 130px;
text-transform: uppercase;}

/* --------------------------------- FIN CATEGORIES --------------------------------- */

Merci d'avance !
Bonne soirée.
Nileeda.


Dernière édition par Nileeda le Ven 24 Oct 2014 - 12:20, édité 1 fois

Nileeda
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 18/09/2014

http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges indésirables

Message par Nileeda le Ven 24 Oct 2014 - 2:10

Up !

Nileeda
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 18/09/2014

http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges indésirables

Message par AenigmA le Ven 24 Oct 2014 - 8:40

Bonjour,

Cette ligne

<br /><div class="categorie">

Enlève le <br />, car ça le rajoute à chaque fois, soit 8 fois pour la dernière catégorie

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges indésirables

Message par Nileeda le Ven 24 Oct 2014 - 12:20

Merci beaucoup *^*
C'est parfait Very Happy

Nileeda
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 18/09/2014

http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum