Sujets similaires

Dernière édition par Slan le Sam 01 Sep 2012, 15:26, édité 1 fois

J'ai un petit souci au niveau de la présentation du forum.
Je ne sais pas pourquoi mais la desgription du forum va dans la titre du forum comme indiqué sur l'image. j'ai beau et bien mettre des marges le problème persiste.
Quelqu'un pourrait m'aider s'il vous plaït ?
merci par avance

{Résolu} Petit Problème De Présentation Screen13

{Résolu} Petit Problème De Présentation Screen13

Sujet: Re: {Résolu} Petit Problème De Présentation Sam 01 Sep 2012, 13:29

Salut,
Comme dit sur ton autre topic, il nous faudrait des codes.. Ton css ainsi que ton index_box serait la bienvenue. Smile

Sujet: Re: {Résolu} Petit Problème De Présentation Sam 01 Sep 2012, 13:34

ok autant pour moi, je vous files les deux :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<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>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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}">{catrow.forumrow.FORUM_NAME}</a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Code:: pabienvenue{
border-bottom: 6px solid #abc402;
-moz-border-radius: 5px;
padding: 5px;
color: #fff;
font-size: 11px !important;
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
}

.fond_pseudo{
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
-moz-border-radius: 10px;
padding:6px;
padding-top: 14px;
border-bottom: 6px solid #abc402;
}

.pseudo{
text-shadow: 1px 1px 1px #000;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
color: #fff !important;
font-size: 15px;
letter-spacing: -1px;
font-family: candara;
text-transform: uppercase;
font-weight: bold;
text-align: center;
width: 130px;

}

.categories{
text-align: center;
margin-bottom: -14px;
}

.widget1{
width: 200px !important;
position: absolute;
right: 10px !important;
top: 0px !important;
text-align: center;
box-shadow: 0px 0px 3px #000;
padding-bottom: 5px !important;

border-bottom: 6px solid #abc402;
-moz-border-radius: 0px 0px 5px 5px;
color: #fff;
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
}

/*QEEL*/
.qeel{
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
border-left: 1px solid #778EB0;
border-right: 1px solid #778EB0;
-moz-border-radius:6px;
border: 1px #778EB0;
height: 200px;

overflow : auto;
font-size: 12px;
color: #fff;
text-align: center;
padding: 10px;
margin: 10px;
margin-left: auto;
margin-right: auto;
border-bottom: 6px solid #abc402;
}

.groupe{
text-align: left;
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
border-left: 1px solid #778EB0;
border-right: 1px solid #778EB0;
-moz-border-radius:6px;
border: 1px #778EB0;
padding: 10px;
font-size: 10px;
color: #fff;
margin: 10px;
margin-left: auto;
margin-right: auto;
border-bottom: 6px solid #abc402;
height: 200px;
}

.membre{
text-align: center;
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
border-left: 1px solid #778EB0;
border-right: 1px solid #778EB0;
-moz-border-radius:6px;
border: 1px #778EB0;

padding: 10px;
margin-left: auto;
margin-right: auto;
color: #fff !important;
border-bottom: 6px solid #abc402;
}

.description{
text-align: justify;
max-height: 75px;
overflow: auto;
padding-bottom: 5px;
padding-top: 10px;
margin-top: 10px;
background: ;

}

.sujetsmessages{
text-align: right;
color: #df0840;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
margin-right: 5px;
margin-top: -20px;
margin-bottom: 15px;
}

.forumlink {
width: 80%;
margin-bottom: 5px;
}

a.forumlink{
background: #191919;
padding: 3px;

color: #fff !important;
padding-left: 15px;
-moz-border-radius: 5px;
border-bottom: 3px solid #abc402;
letter-spacing: 3px;

-moz-transition-property : padding-left;
-moz-transition-duration : 2s ;
}

a.forumlink:hover{
background: #191919;
margin: 8px;

color: #df0840 !important;
padding-left: 40px;
-moz-border-radius: 5px;
border-bottom: 3px solid #abc402;
letter-spacing: 3px;
}

.navbar{
-moz-border-radius: 10px;
background-image: url('http://s02.worldupload.net/2881335911169-WORLDUPLOAD-.png');
max-width: 800px;
pading: 3px;
color: #ffffff !important;
border-bottom: 6px solid #abc402;
}

a.mainmenu{
color: #fff;
font-size: 10px;
text-transform: uppercase;
}

.bodyline{
box-shadow: 0px 0px 5px #000;
border: 5px solid #E32959;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.forumline{
border: 1px dashed #abc402;
-moz-border-radius: 5px;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

.links{
max-height: 75px;
overflow: auto;

background: #8f4657;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
height: 75px;
color: #ffffff !important;
font-size: 9px;
padding-left: 3px;

display : table-cell
vertical-align : center
}

.pabienvenueprez{
text-align: left !important;
-moz-border-radius: 0px 0px 20px 20px;
background: #F6D691;
width: 90% !important;
padding: 5px;
color: #fff;
border-bottom: solid 5px #cfd21a;

-moz-transition-property : border ;
-moz-transition-duration : 1s ;
}

.pabienvenueprez:hover{
border-bottom: solid 5px #222222;
}
.titrepaprez{
font-weight: bold;
-moz-border-radius: 20px;
font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 20px;
padding: 5px;
color: #fff !important;
letter-spacing: 3px;
display: block;
background: #B42000;
border-bottom: dotted 3px #cfd21a;
border-right: solid 2px #cfd21a;
border-left: solid 2px #cfd21a;
border-top: solid 1px #cfd21a;

-moz-transition-property : border ;
-moz-transition-duration : 1s ;
}

.titrepaprez:hover{
border-bottom: dotted 3px #222222;
border-right: solid 2px #222222;
border-left: solid 2px #222222;
border-top: solid 1px #222222;
}

.twitter{
background: #C5DF96;
border-top: 3px solid #b42100;
border-bottom: 3px solid #b42100;
position: absolute;
right: 10px !important;
bottom: 30px !important;
box-shadow: 0px 0px 3px #000;
-moz-border-radius: 5px;
}

.nav img{
max-width: 150px;
}

.sujettitle{
font-family: helvetica;
text-transform : lowercase;
text-align: center;
padding: 1px;
color: #e75327 !important;
letter-spacing: 3px;
display: block;
font-weight: bold;
font-style: italic;
font-size: 15px;
text-shadow: 1px 1px 0px #000;
}

.sujettitle:hover{
font-family: helvetica;
text-transform : lowercase;
text-align: center;
padding: 1px;
color: #e9653d !important;
letter-spacing: 3px;
display: block;
font-weight: bold;
font-style: italic;
font-size: 15px;
text-shadow: 1px 1px 0px #000;
}

.footer{
border-left: 8px solid #3d6eb0;
border-right: 8px solid #3d6eb0;
text-shadow: 1px 1px 1px #000;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
color: #fff !important;
background-image: url('http://s02.worldupload.net/1320504521-WORLDUPLOAD-.png');
font-size: 15px;
letter-spacing: -1px;
font-family: candara;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}

.sousQEELOK{
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
color: #000;
text-align: center;
height: 10px;
}

.titrepa{
font-weight: bold;
-moz-border-radius: 5px 5px 0px 0px;
font-family: serif;
text-transform : uppercase;
text-align: center;
padding: 1px;
color: #fff !important;
letter-spacing: 3px;
display: block;
background-color: #cfd21a;
}

.titrepa:hover{
font-weight: bold;
-moz-border-radius: 5px 5px 0px 0px;
font-family: serif;
text-transform : uppercase;
text-align: center;
padding: 1px;
color: #fff !important;
letter-spacing: 3px;
display: block;
background-color: #e23223;
}

.hautforum{
margin-bottom: 86px;
margin-top: -30px;
margin-right: -4px;
text-align: center;
padding-top: 45px;
height: 100px;
max-width: 750px !important;
letter-spacing: 5px;
background-repeat: no-repeat;
}

.background{
padding-top: 30px;
background-repeat: no-repeat;
}

.quote{
font-family: Tahoma;
font-size: 11px;
color: #616161;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
background: #FEF7C0;
padding-left: 8px;
font-size: 13px;
color: #000;
max-height: 200px;
overflow: auto;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
width: 420px;
font-family: candara;
margin-right: -40px;
margin-left: 40px;
}

.imgbienvenue{
margin-left: -6px;
margin-right: -6px;
}

.QEELOK{
-moz-border-radius: 20px 20px 20px 20px;
text-align: justify;
padding: 8px;
padding-top: 15px;
font-size: 11px;
color: #000;
margin-top: 10px;
}

.titreqeel{
box-shadow: 0px 0px 5px #000;
text-shadow: 1px 1px 1px #000;
-moz-border-radius: 25px;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
color: #fff !important;
font-size: 18px;
letter-spacing: -1px;
font-family: candara;
text-transform: uppercase;
font-weight: bold;
text-align: center;
width: 75%;
}

.bodytotal{
background: #fff;
}

.trans .row1 {
background-color : transparent;
color: #ffffff !important;
height: 30px;
overflow: auto;
}

.imgqeel{
margin-left: -3px !important;
margin-right: -3px !important;
margin-bottom: -200px;
}

.ombrer{
-moz-border-radius: 20px;
box-shadow: 0px 0px 5px #000;
width: 200px;
}

.lastpost{width: 150px;}

body{
background-position: top center;
margin-top: -1px;
margin-bottom: 0px !important;
}

table
{
max-width: 700px;
margin: auto;
margin-left: auto;
margin-right: auto;
}

a:hover{text-decoration: none;}

.bodylinewidth {
width:800px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

.bodyline {
}

.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

span.infoadmins {
position: relative;
text-decoration: none;
padding-bottom: 5px;
}
span.infoadmins span.bulle {
display: none;
font-size: 10px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display: inline;
top: 0px;
left: 10px;
position: absolute;
background-image: url('http://s02.worldupload.net/1320264174-WORLDUPLOAD-.jpg');
text-align: justify;
padding: 10px;
font-size: 13px;
color: #fff !important;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 8px solid #3d6eb0;
line-height: 14px;
font-family: candara;
box-shadow: 0px 0px 3px #000;
width: 130px;
}

span.infoadmins span.bulles {
display: none;
font-size: 12px;
}

span.infoadmins:hover span.bulles {
display: inline;
top: 0px;
left: 10px;
position: absolute;
background-image: url('http://s02.worldupload.net/1320264174-WORLDUPLOAD-.jpg');
text-align: justify;
padding: 10px;
font-size: 13px;
color: #fff !important;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 8px solid #3d6eb0;
line-height: 14px;
font-family: candara;
box-shadow: 0px 0px 3px #000;
width: 130px;
}

.statistiques{
border:0px;
background-image: url("http://i33.servimg.com/u/f33/17/03/65/20/l_onli11.jpg");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.StatsForum {
font-size:10px;
text-align:right; /* alignement du texte : left, center ou right */
float: right;
margin-top: -15px;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
-moz-border-radius : 5px;
border: dashed 1px #ABC402;
width : auto;
}

Sujet: Re: {Résolu} Petit Problème De Présentation Sam 01 Sep 2012, 14:20

Dans ton template, cherche :

Code:: {catrow.forumrow.FORUM_DESC}

Entoure le d'une div avec une class nommé description, par exemple. Ce qui donne :

Code:: <div class="description">{catrow.forumrow.FORUM_DESC}</div>

Ensuite, dans ton css ajoute :

Code:: .description{
margin: 0px 0px 0px 0px;
}

En ajustant jusqu'à obtenir un bonne espace. En sachant que le premier 0 signifie le haut, le deuxième la gauche, le troisième le bas et le quatrième la droite.

Sujet: Re: {Résolu} Petit Problème De Présentation Sam 01 Sep 2012, 15:25

yep !!!
parfait !!!
ça a marché !!!!

Sujet: Re: {Résolu} Petit Problème De Présentation Sam 01 Sep 2012, 16:10

Hello (:
Puisque le problème est résolu, je déplace !
Merci de l'avoir signalé {Résolu} Petit Problème De Présentation 926145

{Résolu} Petit Problème De Présentation

{Résolu} Petit Problème De Présentation

Sujets similaires

Sujets similaires

Partenaires Or