Problème d'espace entre les catégories Bouton_activeProblème d'espace entre les catégories Bouton_hoverProblème d'espace entre les catégories Fb-hoverProblème d'espace entre les catégories 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
» Fiche de Présentation RPG
Problème d'espace entre les catégories EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'espace entre les catégories EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'espace entre les catégories EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'espace entre les catégories EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'espace entre les catégories EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'espace entre les catégories EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'espace entre les catégories EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème d'espace entre les catégories EmptyMar 07 Fév 2023, 08:40 par Oxtran

-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache Runner
69.99 € 139.99 €
Voir le deal

Partagez
 

Problème d'espace entre les catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://helter-s.forumactif.com
Quantum Mechanics
Quantum Mechanics
{ Membre }
{ Membre }

Féminin Messages : 43



Problème d'espace entre les catégories Empty
Bonjour à tous !

Depuis quelques temps, j'ai un problème sur mon forum. L'espace entre les catégories de mon forum est différent et varie d'une catégorie à l'autre.

Voici une capture d'écran du problème:

Voici la taille souhaitée:

Je ne sais pas où est le bug, mais je vous laisse mon template index_box et mon code CSS.

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"> {catrow.tablehead.L_FORUM}</th>
          <th nowrap="nowrap" width="180"><div style="width:180px;"><div align=center><img src=http://img11.hostingpics.net/pics/882287messagesduforum.png></div></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"> </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"><div class="descfo">{catrow.forumrow.FORUM_DESC}</div></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>      <br><td class="row3 over" align="center" valign="middle" height="50"><div style="border: 1px double #121212; height: 90px; padding: 10px;" valign="middle";>
          <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} MURMURES<br>
            {catrow.forumrow.TOPICS} COMPLOTS</div>
          
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div></div>
      </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 -->

Code:
/* ================================= IMAGES FLOTTANTES ========================================*/
/* ================================= DÉBUT DU CODE ===========================================*/
/*===========================================================================================*/
/* IMAGE GAUCHE */
.imgleft
{
float:left;
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
margin: 2px 2px 2px 2px;
border: 1px double #121212;
}

/* IMAGE DROITE */
.imgright
{
float:right;
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
margin: 2px 2px 2px 2px;
border: 1px double #121212;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/


/* ================================= FICHE OFFICIELLE ========================================*/
/* ================================= DÉBUT DU CODE    =======================================*/
/*==========================================================================================*/

/* FOND FICHE */
.background_fiche {
 border: 1px double #121212;
 background-color: #0d0c0c;
padding: 5px;
opacity: 0.8;
width: 500px;
position: top-center;}

/* SECTION ENGRAVÉE */
.sous_section {
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75);
padding: 5px;
margin: 20px;
position: top-center;
width: 450px;
border: 1px double #121212;
height: auto;}

/* CLASS TITRES */
.titres {margin:0;}

/* MISE EN FORME TEXTE */
.txt {padding:15px;
text-align: justify;}

/* MISE EN FORME IMAGE DE LA FICHE */
.imagehead {
height: 200px;
opacity:0.7;
filter:alpha(opacity=40); /* For IE8 and earlier */
border-bottom: 1px solid #121212;
-webkit-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
}

.imagehead:hover {
opacity:0.9;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* MISE EN FORME IMAGES DE LIENS */
.rel {
height: 100px;
width: 100px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 1px solid #121212;
opacity:0.7;
filter:alpha(opacity=40); /* For IE8 and earlier */
border-bottom: 1px solid #121212;
-webkit-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
}

.rel:hover {
height: 100px;
width: 100px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 1px solid #121212;
opacity:0.9;
filter:alpha(opacity=40); /* For IE8 and earlier */
border-bottom: 1px solid #121212;
-webkit-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);
  box-shadow: -1px 8px 5px -4px rgba(0,0,0,0.75);}

/* MISE EN FORME DU TITRE PRINCIPAL */
.titres h1 {
position: relative;
top: -10px;
text-align: center;      /* Aligne le texte à droite */
padding-right: 25px;    /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
font-family: 'Great Vibes', cursive;
color: #fff;   /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 55px; /* TAILLE DU TEXTE: TAILLEpx */
font-weight: normal; /*Épaisseur du texte */
}

/* MISE EN FORME DES SOUS-TITRES */
.titres h2 {
position: relative;
top: -10px;
text-align: center;      /* Aligne le texte à droite */
padding-right: 25px;    /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
font-family: 'Amatic SC', cursive;
color: #fff;   /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 45px; /* TAILLE DU TEXTE: TAILLEpx */
font-weight: normal; /*Épaisseur du texte */
letter-spacing: -0,5px;
}

.titres h3 {
position: relative;
top: 10px;
text-align: center;      /* Aligne le texte à droite */
padding-right: 25px;    /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
font-family: 'Great Vibes', cursive;
color: #fff;   /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 25px; /* TAILLE DU TEXTE: TAILLEpx */
font-weight: normal; /*Épaisseur du texte */  
}

.titres h4 {
font-size: 7px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}

/* MISE EN FORME ÉCRITURE « INFORMATIONS » */
.infos {margin:0;}

.infos g1 {
letter-spacing: 2,5px;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #321525;}


/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/


/* ================================= PAGE D'ACCUEIL =======================================*/
/* ================================= DÉBUT DU CODE =======================================*/
/*=======================================================================================*/

/* MISE EN FORME NOM DES PERSONNAGES + PSEUDOS DU STAFF */
.decstaff {
font-family: 'Great Vibes', cursive;
color: #fff;   /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 25px; /* TAILLE DU TEXTE: TAILLEpx */}

/* TITRES SECTIONS PA */
.titrespa {
font-family: 'Great Vibes', cursive;
color: #321525;   /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 35px; /* TAILLE DU TEXTE: TAILLEpx */}

/* BLOC PRINCIPAL - SYLARNE */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
top: 0; /* (important) */
left: 0; /* (important) */
width: 100px; /* largeur du bloc */
height: 55px; /* hauteur du bloc */
border: 0px solid #000000;
opacity: 0.9;
background: #080808;
}

/* BLOC DE RECOUVREMENT - SYLARNE */
.blocVolet {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 100px; /* largeur du bloc (identique au bloc principal) */
height: 55px; /* hauteur du bloc (identique au bloc principal) */
background: #080808;
border: 0px solid #000000;
/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;}

/* CHANGEMENT AU SURVOL - SYLARNE */
.monBloc:hover > .blocVolet {
top: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

/* BLOC PRINCIPAL - SOKARIS */
.monBloc2 {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
top: 0; /* (important) */
left: 0; /* (important) */
width: 100px; /* largeur du bloc */
height: 55px; /* hauteur du bloc */
border: 0px solid #000000;
opacity: 0.9;
background: #080808;
}

/* BLOC DE RECOUVREMENT - SOKARIS */
.blocVolet2 {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 100px; /* largeur du bloc (identique au bloc principal) */
height: 55px; /* hauteur du bloc (identique au bloc principal) */
background: #080808;
border: 0px solid #000000;
/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;}

/* CHANGEMENT AU SURVOL - SOKARIS */
.monBloc2:hover > .blocVolet2 {
top: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/



/* ================================= ONGLETS PAGE D'ACCUEIL / PRÉDÉFINIS + STAFF ==============*/
/* ================================= DÉBUT DU CODE ===========================================*/
/*===========================================================================================*/

/* ZONE ONGLETS */
.groupes {/*aspect des groupes*/
margin: 0;
}
.mon_onglet, .mon_onglet_selected { /*position des onglets*/
display:inline-block;
}
 
/* DESCRIPTION DES ONGLETS */
.descgroupes { /*description des groupes*/
width:190px;
padding: 10px;
margin: 0;
border: 1px double #121212;
}

#mon_contenu, .descgroupes { height : 64px; }
.mon_contenu { display:none; }

/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME STAFF ===================================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* STAFF PA */
div#text {
background-color: none;
border: 1px double #121212;
padding: 10px;
position: center;
font-size: 10px;
line-height: 15px;
overflow: auto;
height: 20px;
width: 250px;
text-align: justify;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME DE LA PAGE D'ACCUEIL/ARCHITECTURE========*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* CADRES DE LA PA */
.cadrepa  {
background-color: none;
border: 1px double #121212;
padding: 10px;
position: center;
font-size: 10px;
magin: 0;
line-height: 15px;
overflow: auto;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= APPARENCE DES SCROLLSBARS =============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
::-webkit-scrollbar {
 width: 6px; /*largeur de la scrollbar verticale*/
  height: 6px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

::-webkit-scrollbar-track {
 background-color: #000000; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #321525; /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME TITRE DES SOUS-FORUMS ===================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
.sousforums {
font-size: 10px;
line-height: 15px;
overflow: auto;
text-transform: uppercase;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME DU QEEL =================================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* DERNIERS MEMBRES CONNECTÉS */
.lastconnect {
background-color:#0A0909;
border:1px solid #171515;
padding:5px;
box-shadow:2px 2px 2px #1c1b1b inset;
-moz-box-shadow:2px 2px 2px #1c1b1b inset;
-webkit-box-shadow:2px 2px 2px #1c1b1b inset;
position: relative;
margin-top: -10px;
magin-left: 655px;
font-size: 10px;
line-height: 15px;
height: 95px;
width: 250px;
overflow: auto;
text-transform: uppercase;
}

/* TITRE - DERNIERS MEMBRES CONNECTÉS */
.membrestitre
{
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
text-transform: none;
text-shadow:1px 1px 1px 1px white;
position: relative;
color: #24121E;}

/* TITRE - GROUPES DU FORUM */
.titregroupes {
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
}

/* MEMBRES EN LIGNE */
.enligne {
background-color:#0A0909;
border:1px solid #171515;
padding:5px;
box-shadow:2px 2px 2px #1c1b1b inset;
-moz-box-shadow:2px 2px 2px #1c1b1b inset;
-webkit-box-shadow:2px 2px 2px #1c1b1b inset;
position: relative;
margin-top: -10px;
font-size: 10px;
line-height: 15px;
height: 95px;
width: 250px;
overflow: auto;
text-transform: uppercase;
}

/* TITRE - MEMBRES EN LIGNE */
.enlignetitre
{
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
text-transform: none;
text-shadow:1px 1px 1px 1px white;
position: relative;
color: #24121E;}

/* CRÉDITS & DISCLAIMER */
.credits {
background-color:#0A0909;
border:1px solid #171515;
padding:5px;
box-shadow:2px 2px 2px #1c1b1b inset;
-moz-box-shadow:2px 2px 2px #1c1b1b inset;
-webkit-box-shadow:2px 2px 2px #1c1b1b inset;
position: relative;
margin-top: -10px;
font-size: 10px;
line-height: 15px;
height: 95px;
width: 250px;
overflow: auto;
text-transform: uppercase;
}

/* TITRE - CRÉDITS & DISCLAIMER */
.credittitre
{
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
text-transform: none;
text-shadow:1px 1px 1px 1px white;
position: relative;
color: #24121E;}

/* STATISTIQUES */
.stats {
background-color:#0A0909;
border:1px solid #171515;
padding:5px;
box-shadow:2px 2px 2px #1c1b1b inset;
-moz-box-shadow:2px 2px 2px #1c1b1b inset;
-webkit-box-shadow:2px 2px 2px #1c1b1b inset;
position: relative;
margin-top: -10px;
font-size: 10px;
line-height: 15px;
height: 95px;
width: 250px;
overflow: auto;
text-transform: uppercase;
}

/* TITRE - STATISTIQUES */
.statstitre
{
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
text-transform: none;
text-shadow:1px 1px 1px 1px white;
position: relative;
color: #24121E;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= CADRE DESCRIPTION DES FORUMS ==========================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
.ombrein {
background-color: none;
border: 1px double #121212;
padding: 10px;
position: center;
font-size: 10px;
line-height: 15px;
margin-top: -30px;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME BARRE NAVIGATION ========================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
.navigation {
background-color: #080808;
text-align: center ;
font-family: 'Noto Serif', serif;
font-size: 14px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #000000;
border: 2px solid #121212;
padding: 5px;
transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
-moz-transition: all 1s;
-webkit-transition: all 1s;
letter-spacing: -1px;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME LIENS DU FORUM ==========================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.forumlink{
 display: block;
color: white;
text-align: left;
transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
-moz-transition: all 1s;
-webkit-transition: all 1s;
letter-spacing: -1px;
font-family: 'Great Vibes', cursive;
position: relative;
margin-top: -5px;
margin-left: 15px;
}

a.forumlink:hover
{
  color: #d1d1d1; /* Couleur d'arrivée */
  margin-left: 45px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME - TITRES CATÉGORIES =====================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.catetitre{
text-align: center;
font-family: 'Great Vibes', cursive;
font-size: 34px;
text-transform: none;
text-shadow:1px 1px 1px 1px white;
margin-top:35px;
 position: relative;
}

/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME AVATARS =================================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.postdetails.poster-profile a img {
border: 5px solid #321525;
 max-width: 200px;
  filter:alpha(opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
}

postdetails.poster-profile a img:hover {
border: 5px solid #321525;
 max-width: 200px;
filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME BLOC PROFIL =============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.blocprofil{
background-color: #0f0e0e;
text-shadow: 1px 1px 0px #000000;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME GIF PROFIL ==============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.postdetails.poster-profile img {
  max-width: 210px;
 opacity: 0.5;
  padding: 3px;
display: block;
    margin-left: auto;
    margin-right: auto;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME RANG PROFIL =============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.rang {  
font-family: 'Noto Serif', serif;
font-size: 14px;
text-shadow: 1px 1px 0px #000000;
margin-top: -30px;
text-align: center;
letter-spacing: -1px;
text-transform: uppercase;
letter-spacing: 0.5px;
opacity: 0.7;
color: #424140;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MISE EN FORME PSEUDO ==================================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/  
.pseudo {  

font-family: 'Great Vibes', cursive;
font-size: 35px;
letter-spacing: -1.5px;
font-weight: normal;
text-shadow: 2px 1px 0px #000000;
margin-top: 15px;
text-align: center;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= EMPÊCHER LES IMAGES DE CATÉGORIES DE S'AFFICHER DANS LES SUJETS */
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
.secondarytitle h2 .timg { display: none; }
.secondarytitle h2 img { display: inline!important; }
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= ENLEVER SOULIGNEMENT DE TOUS LES LIENS ================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
a:hover {text-decoration: none !important;}

a { text-decoration: none; }
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= COULEUR FOND DE LA CHATBOX ============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
body.chatbox {background-color: #080808;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= APPARENCE ÉDITEUR MESSAGES ============================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* BLOC DE RÉDACTION */
.sceditor-container {
width: 98% !important;
margin: 10px auto 10px auto !important;
color: #0A0909 !important;
border: 1px solid #121212 !important;
}

/* BACKGROUND DES BOUTONS */
.sceditor-toolbar{
background: #0A0909 !important;
border-bottom: 1px solid #121212 !important;}

/* MISE EN FORME DES BOUTONS */
.sceditor-group{
background: #0A0909 !important;
border: 1px solid #121212 !important;
border-radius: 5px !important;}

a.sceditor-button{
background: #080808 !important;
border-radius: 20px !important;}

.sceditor-button:hover{
background: #999999 !important;}

/* MISE EN FORME BOÎTE SMILEYS */
#sce_smilies_body {
  background: #0A0909;
}
#sceditor_smilies {
  background: #0A0909;
}

/* COULEUR ÉCRITURE ÉDITEUR DE TEXTE */
        /*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
text-align:justify;
pagging:10px !important;
color: #5C5C5C !important;
font-size:11px !important;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= MARGE HEADER FORUM ====================================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* MARGE DU HEADER */
#i_logo {margin-top: -30px;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= JUSTIFICATION SUJETS & MESSAGES =======================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* JUSTIFICATION DES MESSAGES */
.postbody {text-align:justify;
padding-left:10px;
padding-right:10px;}

/* JUSTIFIER TOUT LE CONTENU DU FORUM */
body {text-align:justify;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

/* ================================= SÉLECTEUR DE CONTENUS CODES & CITATIONS ===============*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
/* SÉLECTEUR DE CONTENU DES CODES ET CITATIONS */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/* ================================= FIN DU CODE ========================================*/
/*=======================================================================================*/

/* ================================= TITRES SUJETS EN MAJUSCULES ===========================*/
/* ================================= DÉBUT DU CODE ========================================*/
/*========================================================================================*/
.maintitle, .maintitle h1, th, .nav, .forumlink {text-transform: uppercase;}

.topictitle{text-transform: uppercase;}

.topic-title a{text-transform: uppercase;}

.page-title{text-transform: uppercase;}
/* ================================= FIN DU CODE ========================================*/
/*======================================================================================*/

Je vous remercie d'avance de votre aide, elle est très appréciée !  I love you
MessageSujet: Problème d'espace entre les catégories   Problème d'espace entre les catégories EmptyLun 24 Mar 2014, 19:11
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème d'espace entre les catégories Empty
Bonjour Quantum Mechanics, l'espace entre les forum varie-t-il en fonction du nombre de forum à l'intérieur d'une catégorie ?

Le problème ne vient pas du CSS mais du template.
En fait dans ton code, tu as une balise br mal placée
Code:
<br><td class="row3 over" align="center" valign="middle" height="50"><div style="border: 1px double #121212; height: 90px; padding: 10px;" valign="middle";>
              <div class="gensmall sujets_messages">{catrow.forumrow.POSTS} MURMURES<br>
                {catrow.forumrow.TOPICS} COMPLOTS</div>
             
                <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div></div>
          </td>

La balise br (au tout début de ce morceau de code) se trouve en dessous du tableau (en dehors des balises td), du coup il est se retrouve déplacé... au dessus du forum.
Pour chaque forum à l'intérieur d'une catégorie, une balise br de plus est déplacée en haut et crée un plus grand espace Smile

Ainsi dans l'exemple que tu montres, au dessus d'une partie avec un seul forum, tu as un tout petit espace, et plus il y a de forum plus c'est grand Razz

Pour uniformiser cela, il faut tout d'abord que tu retires cette balise br, ton code HTML donnera donc :
Spoiler:

Une fois cela fait, normalement tu n'auras plus que de petits espaces. Un espace d'exactement 5px de hauteur, qui correspond à l'image tout à la fin de ton code :
Code:
<img src="{SPACER}" alt="" height="5" width="1" />

Tu peux choisir d'augmenter la valeur height="5" pour une autre valeur. Dans ce cas là, ça créera un espace plus grand en dessous ^^.
Sinon, tu peux aussi le faire en CSS en rajoutant des marges Smile
MessageSujet: Re: Problème d'espace entre les catégories   Problème d'espace entre les catégories EmptyMer 26 Mar 2014, 10:38
Revenir en haut Aller en bas
 

Problème d'espace entre les catégories

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

 Sujets similaires

-
» Problème de marge entre header et bordure du forum
» Espace entre les catégories ~
» Problème de largeur entre les cellules.
» Etrange problème entre le poste et l'édition
» Problème de conflit entre deux codes.

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 | Forumactif.com