Hauteur de forum

2 participants

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

Résolu Hauteur de forum

Message par Magda Sully Dim 16 Sep 2012 - 14:55

Bonjour, c'est encore moi Very Happy
J'ai un petit soucis qui doit être simple à régler mais que pourtant je n'arrive pas à gérer...
J'ai fait une transformation de la mise en forme de mes forums il y a un ou deux mois, seulement, les réglages font qu'ils sont trop haut et prennent de la place pour rien. Seulement, je n'arrive pas à régler leur taille. Voici le lien de mon forum : http://robotic-earth.forumactif.org/

Voici le Template concerné :
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="haut_cate"><tr valign="center"><td>{catrow.tablehead.L_FORUM}</td></tr></table><table class="forumline" width="900px" border="0" cellspacing="1" cellpadding="0">
       
          <!-- 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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <div class="titrefora"><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}></div>
                          <div class="iconefora"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                          <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br />
                          <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></div>
                          <div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} présages dans {catrow.forumrow.TOPICS} intrigues.<br />
                            {catrow.forumrow.LAST_POST}</span></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><table class="bas_cate"><tr valign="center"><td> </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et le CSS qui gère la mise en forme des forums :
Code:
                .titrefora{
                background: url('http://data0.lo.gs/bad_or_good/mod_article3603696_1.jpg?7808');
                -moz-border-radius-topleft: 80px;
                -moz-border-radius-topright: 80px;
                -moz-border-radius-bottomleft: 30px;
                -moz-border-radius-bottomright: 30px;
                -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: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                left: 280px;
                padding: 3px;
                position: relative;
                text-align: center;
                width: 200px;
                color: #43b0d1;
                }

                .titrefora:hover{
                box-shadow: 1px 1px 5px 2px black inset;
}

                .iconefora{
                height: 0px;
                position: relative;
                top: 15px;
                left: 5px;}
           
                .iconefora img{
                box-shadow: -2px 4px 8px black;
                width: 100px;
                height: 100px;
                -moz-border-radius: 55px;
                -webkit-border-radius: 55px;
                border-bottom: 2px solid #b3cad1;
                border-radius: 55px;
                background: grey;}

                .iconefora img:hover{
-moz-transition: all 0.5s ease-in 0s;
-moz-transform: rotate(10deg);
-o-transition: all 0.5s ease-in 0s;
-o-transform: rotate(10deg);
-webkit-transition: all 0.5s ease-in 0s;
-webkit-transform: rotate(10deg);
-ms-transition: all 0.5s ease-in 0s;
-ms-transform: rotate(10deg);
}
           
                .descrip{
                border: 1px solid black;
                margin-left: 75px;
                height: 100px;
                overflow-y: auto;
                padding: 10px 30px;
                width:70%;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;
                box-shadow: -2px 4px 8px black;}
       
        .stats{
                text-align: center;
                border: 1px solid black;
                width: 150px;
                padding: 5px;
                background: url('http://fc02.deviantart.net/fs28/f/2008/154/b/8/Sci_Fi_texture_1_by_mark1960.jpg');
                position: relative;
                top: -100px;
                left:720px;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;
                box-shadow: -2px 4px 8px black;
                text-shadow:0px 0px 8px black;}


           
             
           
                .forumlineacc{
                border: 2px solid black;
                padding: 5px;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;}

Et ce que je voudrais retirer, c'est l'espèce de grand vide en dessous des encadrés.
Si je ne suis pas assez claire, merci de me le signaler!


Dernière édition par Magda Sully le Dim 30 Sep 2012 - 19:54, édité 1 fois
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Lun 17 Sep 2012 - 17:52

UP
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Mer 19 Sep 2012 - 15:22

UP
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Jeu 20 Sep 2012 - 19:11

UP
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Dim 23 Sep 2012 - 13:02

Toujours d'actualité
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par tupac Lun 24 Sep 2012 - 16:39

Bonjour

Essayez comme ceci.
Dans la template index_box repérer cette partie.

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
Remplacez-la par celle-ci.

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <table class="forumline" width="100%" height="200" border="0" cellspacing="0" cellpadding="0">
J'y ai juste rajouté un HEIGHT a vous de régler la hauteur désirée.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Lun 24 Sep 2012 - 18:43

En fait ça ne marche pas, justement, j'ai essayé en rajoutant des balises height dans le CSS et dans le HTML, mais ça ne marche pas...
Et je n'arrive pas à savoir d'où vient le problème...
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Mar 25 Sep 2012 - 18:34

UP
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Ven 28 Sep 2012 - 20:30

UP
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par tupac Ven 28 Sep 2012 - 23:21

Bonsoir

Puis-je avoir votre template index_box svp.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Sam 29 Sep 2012 - 12:13

Ici :

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="haut_cate"><tr valign="center"><td>{catrow.tablehead.L_FORUM}</td></tr></table><table class="forumline" width="900px" border="0" cellspacing="0" cellpadding="0">
       
          <!-- 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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <div class="titrefora"><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}></div>
                          <div class="iconefora"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                          <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br />
                          <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></div>
                          <div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} présages dans {catrow.forumrow.TOPICS} intrigues.<br />
                            {catrow.forumrow.LAST_POST}</span></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><table class="bas_cate"><tr valign="center"><td> </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par tupac Sam 29 Sep 2012 - 23:57

Bonsoir

En fait c'était du a une mauvaise configuration du template.

Remplace-le par celui-la.

Spoiler:

Le css.

Supprime ceci "titrefora" de ta feuille de style et remplace-le par le css suivant.

Spoiler:
Puis supprime de ta feuille de style les codes suivant "descript" et "stats".

Remplace-les par ceux-la.
Spoiler:
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully Dim 30 Sep 2012 - 19:54

Génial, merci beaucoup, tout marche! Wink
Magda Sully

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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