Espace entre la description et les sous forums Bouton_activeEspace entre la description et les sous forums Bouton_hoverEspace entre la description et les sous forums Fb-hoverEspace entre la description et les sous forums Fb-active
AccueilForumÉquipe 
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
» Système d'onglets simple et personnalisable
Espace entre la description et les sous forums EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Espace entre la description et les sous forums EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Espace entre la description et les sous forums EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Espace entre la description et les sous forums EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Espace entre la description et les sous forums EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Espace entre la description et les sous forums EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Espace entre la description et les sous forums EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Espace entre la description et les sous forums EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Espace entre la description et les sous forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://aslways.forumactif.fr/forum.htm
Fish & Plum
Fish & Plum
{ Membre }
{ Membre }

Féminin Messages : 28



Espace entre la description et les sous forums Empty
Bonjour !

Est il possible de supprimer l'espace entre la description et les sous forums ?
En ce moment j'obtiens le résultat si dessous, et il faut avouer que ce n'est pas très esthétique.
Espace entre la description et les sous forums 101105045251348387

Mon navigateur est Mozilla.
Le template que j'ai modifié est celui ci:

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}

        {CURRENT_TIME}

        </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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- 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="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"> </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}"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></a>

            </span>
        </h{catrow.forumrow.LEVEL}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
      <div class="forum-stats">{catrow.forumrow.POSTS} messages ● {catrow.forumrow.TOPICS} sujets.</div>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<div class="forum-sousforum"><div class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- END forum_link_no -->
      <!-- BEGIN forum_link --></center>
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

Merci !


Dernière édition par Bloum le Mer 10 Nov 2010, 10:16, édité 2 fois
MessageSujet: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyVen 05 Nov 2010, 12:58
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Espace entre la description et les sous forums Empty
Bonsoir,

Je pense que c'est à cause des deux "div" de ton code (je pense, parce que je n'ai pas le CSS pour tester le code xD)

Code:
<div class="forum-sousforum"><div class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>

En en retirant une ça devrait réduire l'espace. Si cela ne suffit pas, faudra passer par le CSS et ajouter une marge négative je pense.
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyVen 05 Nov 2010, 13:08
Revenir en haut Aller en bas
http://aslways.forumactif.fr/forum.htm
Fish & Plum
Fish & Plum
{ Membre }
{ Membre }

Féminin Messages : 28



Espace entre la description et les sous forums Empty
Ce n'est pas les div.
Pour la marge, il faut bien utiliser margin ? Si oui, ben ça ne marche pas non plus avec une valeur négative.
Merci de ton aide =)
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyVen 05 Nov 2010, 13:20
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Espace entre la description et les sous forums Empty
Okay, pourrais-tu me passer le CSS rattaché au template afin de faire un test ?
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyVen 05 Nov 2010, 13:22
Revenir en haut Aller en bas
http://aslways.forumactif.fr/forum.htm
Fish & Plum
Fish & Plum
{ Membre }
{ Membre }

Féminin Messages : 28



Espace entre la description et les sous forums Empty
Le voici ~

Code:


.forum-sousforum {
      color: #000000;
      border-bottom: 1px solid #aea47e;
      border-left: 2px solid #aea47e;
      border-right: 2px solid #aea47e;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 65%;
      text-align: center;
      height: auto;
      font-size: 8px;

}
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyVen 05 Nov 2010, 13:25
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Espace entre la description et les sous forums Empty
Scuse, je surveillais pas le sujet --'

J'attendais d'avoir accès à ton forum pour voir le truc en détails. Au final je ne pense pas que ce soit ton template mais la façon dont tu as codé tes descriptions de catégories. Tu utilises la balise "blockquote" qui crée une marge automatique à droite & à gauche, mais qui crée aussi un saut de ligne en haut et en bas =)

Donc, en utilisant des marges négatives sur le bas des "statistiques" et sur le haut des "sous-forums"; ça peut s'arranger Wink [Donc baisser les stats, et remonter les sous-forums]

Citation :
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 2px solid #aea47e;
border-right: 2px solid #aea47e;
border-top: 1px solid #aea47e;
color: #ab9f55;
font-size: 11px;
font-style: italic;
height: 14px;
left: 240px;
padding: 3px;
position: relative;
text-align: center;
width: 190px;
margin-bottom: -12px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border-bottom: 1px solid #aea47e;
border-left: 2px solid #aea47e;
border-right: 2px solid #aea47e;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 65%;
text-align: center;
height: auto;
font-size: 8px;
margin-top: -24px;
}

Théoriquement ça devrait passer mieux xD
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyMar 09 Nov 2010, 19:28
Revenir en haut Aller en bas
http://aslways.forumactif.fr/forum.htm
Fish & Plum
Fish & Plum
{ Membre }
{ Membre }

Féminin Messages : 28



Espace entre la description et les sous forums Empty
Merci beaucoup de ton aide =)
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyMer 10 Nov 2010, 10:16
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Espace entre la description et les sous forums Empty
Le problème étant résolu, je déplace. Smile Bon courage avec ton forum ! =)
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums EmptyMer 10 Nov 2010, 10:42
Revenir en haut Aller en bas
Contenu sponsorisé




Espace entre la description et les sous forums Empty
MessageSujet: Re: Espace entre la description et les sous forums   Espace entre la description et les sous forums Empty
Revenir en haut Aller en bas
 

Espace entre la description et les sous forums

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

 Sujets similaires

-
» [résolu]Insérer une image différente entre les sous forums et la description du forum
» Description des sous-forums s'affichant dans le cadre de la description du forum.
» Espace entre l'image et la description du forum.
» espace entre les forums
» Description des catégories & sous forums

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Cookies | Forum gratuit