Hauteur de forum

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

Résolu Hauteur de forum

Message par Magda Sully le 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
**

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 le Lun 17 Sep 2012 - 17:52

UP

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 le Mer 19 Sep 2012 - 15:22

UP

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 le Jeu 20 Sep 2012 - 19:11

UP

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 le Dim 23 Sep 2012 - 13:02

Toujours d'actualité

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 le 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
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully le 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
**

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 le Mar 25 Sep 2012 - 18:34

UP

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 le Ven 28 Sep 2012 - 20:30

UP

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 le Ven 28 Sep 2012 - 23:21

Bonsoir

Puis-je avoir votre template index_box svp.

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

Message par Magda Sully le 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
**

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 le Sam 29 Sep 2012 - 23:57

Bonsoir

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

Remplace-le par celui-la.

Spoiler:
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 -->
<!-- DEBUT IMG HAUT CAT -->
                <table class="haut_cate"><tr valign="center"><td>{catrow.tablehead.L_FORUM}</td></tr></table>
<!-- FIN IMG HAUT CAT -->
                  <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="middle" width="100%" height="50" align="right">

                              <table width="100%"><tr><td colspan="3">
                                        <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
            </td></tr>
            <tr>
                    <td  id="iconefora" 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>
<!-- DESCRIPTION -->
                    <td width=100%" align="center" valign="middle">
                      <div class="descrip">
                          <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                          <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                      </div>
                    </td>
<!-- FIN DESCRIPTION -->

<!-- STATS -->
                    <td id="stats" class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;"></div>
                          <span class="gensmall">{catrow.forumrow.POSTS} présages dans {catrow.forumrow.TOPICS} intrigues.<br />
                            {catrow.forumrow.LAST_POST}</span>
                    </td></tr></table></span>
<!-- FIN STATS -->
                      </td></tr></table>
                      <img src="{SPACER}" alt="" height="5" width="1" />
                    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
                  <!-- 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>
               
                  <!-- END catfoot -->
                  <!-- BEGIN tablefoot -->
                </tr></table>
<!-- IMG BAS CAT -->
                <table class="bas_cate"><tr valign="center"><td> </td></tr></table>
<!-- FIN IMG BAS CAT -->
                      <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le css.

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

Spoiler:
Code:
.forumlink{
    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;                       
    padding: 3px;
    display: block;
    text-align: center;
    color: #43b0d1;
}
       
.forumlink:hover{
    box-shadow: 1px 1px 5px 2px black inset;
}
Puis supprime de ta feuille de style les codes suivant "descript" et "stats".

Remplace-les par ceux-la.
Spoiler:
Code:
.descrip{
    border: 1px solid black; 
    height: 100px;
    overflow-y: auto;
    padding: 10px;
    width:90%;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    box-shadow: -2px 4px 8px black;
}

#stats {
    text-align: center;
    border: 10px ridge black;
    padding-bottom: 10px;
    background: url("http://iiwallpapers.com/images/big/abstract-blue-minimalistic-pattern-wood-wallpaper.jpg") repeat scroll 0% 0% transparent;
    box-shadow: -2px 4px 8px black;
    text-shadow: 0px 0px 8px black;
}

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de forum

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

Génial, merci beaucoup, tout marche! Wink

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


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