Hauteur de forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Hauteur de forum
Bonjour, c'est encore moi
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é :
Et le CSS qui gère la mise en forme des forums :
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!
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
Re: Hauteur de forum
Toujours d'actualité
Re: Hauteur de forum
Bonjour
Essayez comme ceci.
Dans la template index_box repérer cette partie.
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">
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" height="200" border="0" cellspacing="0" cellpadding="0">
Re: Hauteur de forum
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...
Et je n'arrive pas à savoir d'où vient le problème...
Re: Hauteur de forum
Bonsoir
Puis-je avoir votre template index_box svp.
Puis-je avoir votre template index_box svp.
Re: Hauteur de forum
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 -->
Re: Hauteur de forum
Bonsoir
En fait c'était du a une mauvaise configuration du template.
Remplace-le par celui-la.
Le css.
Supprime ceci "titrefora" de ta feuille de style et remplace-le par le css suivant.
Remplace-les par ceux-la.
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;
}
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;
}
Re: Hauteur de forum
Génial, merci beaucoup, tout marche!
Sujets similaires
» Décalage en hauteur entre forum et sous forum
» Difference de hauteur new forum+cat
» Réduire la hauteur d'un sous-forum
» élargir la hauteur case forum
» Hauteur des icones dans les forum
» Difference de hauteur new forum+cat
» Réduire la hauteur d'un sous-forum
» élargir la hauteur case forum
» Hauteur des icones dans les forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum