sous-forums au bas  Bouton_activesous-forums au bas  Bouton_hoversous-forums au bas  Fb-hoversous-forums au bas  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
» Système d'onglets simple et personnalisable
sous-forums au bas  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
sous-forums au bas  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
sous-forums au bas  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
sous-forums au bas  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
sous-forums au bas  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
sous-forums au bas  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
sous-forums au bas  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
sous-forums au bas  EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

Partagez
 

sous-forums au bas

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



sous-forums au bas  Empty
Bonjour!! j'ai tentée de trouver ce tutoriel sur le net pour éviter de devoir poster ici, en vain.

Vous savez, les sous-forums s'affichent tout juste en bas des descriptions des forums ou des titres des forums, dans la page d'accueil. Or, j'aimerais pouvoir les faire descendre en bas complètement de la ''case'' du forum, avec un bottom ou quelque chose.

voici mon template index_box dont vous avez besoin Smile

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 -->
<div class="titreCategorie h2">{catrow.tablehead.L_FORUM}</div>
<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="80%" 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 -->
          </span>
        <div class="sousforums"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div>
      </td>
    <td class="row3 over" align="center" width="20%" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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 -->

et, au cas où, la partie concernée du CSS:

Code:
/*------------------------affichage sous-forums-------------------------*/
.sousforums a  {
 display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */
 background:#616161; /* une couleur de fond derrière chaque lien */
 padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
  border-radius:15px;
    block-align: center;
 margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */
}
.sousforums {
  font-size:0px;
}

.sousforums a {
  font-size:10px; /* indiquez la taille du texte des liens */
  padding-right:5px; /* on rajoute un espace après le lien */
}

/* pour les navigateurs qui acceptent la pseudo-classe :last-child, on supprime l'espace final qui ne sert à rien */
.sousforums a:last-child {
  padding-right:0px;
}
MessageSujet: sous-forums au bas    sous-forums au bas  EmptySam 25 Mai 2013, 21:32
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



sous-forums au bas  Empty
Tu peux envisager un positionnement absolu en CSS. Voici un article sur le sujet : http://openweb.eu.org/articles/initiation_absolue

Le fonctionnement est simple, ici dans notre cas il faut que tu mettes ta div.sousforum en position : absolute, et que tu mettes la cellule (td) où se trouve tes informations en position relative. Enfin, tu mettras un bottom : XX px à ta div.sousforum, en réglant XX en faisant des essais Smile

Si tu ne comprends pas quelque chose après la lecture de l'article, n'hésite pas à me demander (:
MessageSujet: Re: sous-forums au bas    sous-forums au bas  EmptyDim 26 Mai 2013, 06:04
Revenir en haut Aller en bas
 

sous-forums au bas

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

 Sujets similaires

-
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Impossibilité de rentrer dans les forums et sous-forums
» Barres sous catègories + liens sous forums
» Les 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-

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 | Informatique et Internet | Internet