Problème sidebars catégories

[~ J0YFULLIPSY ♥]

Bonjour , je fait appel à vous car j'ai un problème au niveau de mon forum .
J'aimerais enlever le contour du haut des catégories je vous met le lien pour que vous voyez ce dont je parles , http://www.official-ultimate-diamond.com/

Ensuite un autre soucis , dans la deuxième catégorie le sidebars du haut est un peu déformé sur les coté et un espace blanc nous gêne aussi =S
Tout comme dans la première catégorie le sidebar du bas est mal placé ont arrives pas à modifier . Pouvez vous m'aider à résoudre ce problème svp ?

[Anzu]

Bonjour,

Il me faudrait votre template index box et la css du forum.

Cordialement.

[~ J0YFULLIPSY ♥]

Bonjour merci pour cette réponse très rapide voici ce que vous me demandez :

Le CSS :

Code:

a:link {text-decoration: none; cursor:default; }
a:hover{text-decoration: none !important; cursor:default; text-decoration: none !important;
font-weight:bold;}
a { text-decoration: none; cursor:default; outline: none; }
a:link { text-decoration: none; cursor:default;}
a:hover { text-decoration: none; cursor:default; }

body {
background-repeat: no-repeat;
background-position: top center;}

a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: left;
font-size: 110%;
color: #89534F;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;}

a.forumlink:hover, a.forumlink:hover:visited {
 font-family:  serif;
text-transform : uppercase;
text-align: left;
font-size: 110%;
color: #89534F;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;}

.forumline {
    -moz-border-radius: 0px 0px 0px 0px;
    border: 0px solid #F0CFBC;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 760px !important;
}
a.forumlink{
  display: block;
  text-align: center;
  border-bottom: 4px double #e0c1af;
  padding-bottom: 3px;
  margin: 3px;
}

.cadrefo{
  background-color:#e8c6b2;
  padding: 5px;
  border: 1px solid #f0d2c0;
  margin: 4px;
  margin-bottom: 2px !important;
  -moz-border-radius-topleft: 30px;
  -webkit-border-top-left-radius: 30px;
  border-top-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -webkit-border-bottom-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.stats{
  text-align: center;
  background-color: #e8cbba;
  border: 0px solid #e8cbba;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
 
.lastm{
  text-align: center;
  background-color: #f0d2c0;
  border: 0px solid #f0d2c0;
  margin-top: 2px;
  -moz-border-radius-bottomleft: 14px;
  -moz-border-radius-bottomright: 14px;
  -webkit-border-bottom-right-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
 
.sousfo{
  background-color:#f0d2c0;
  padding: 3px;
  border: 1px solid #ebdebc;
  border-top: none !important;
  width:85%;
  margin: auto;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.secondarytitle {
background-image: url("http://illiweb.com/fa/pbucket.gif");
height:170PX; widht:760PX;
}

/*CONTRE LES EDITIONS*/
tr.post span.gensmall { display: none; }

/* spoiler*/
.spoiler{
    font-family: Georgia;
    font-size: 12px;
    color: #F9C9BF;
    background-color: #EFEFEF;
    border: 3px solid #F9C9BF;
    border-style: 3px solid;
    border-left-width: 3px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;}
.code{
  font-family: Georgia;
    font-size: 12px;
    color: #F9C9BF;
    background-color: #EFEFEF;
    border: 3px solid #F9C9BF;
    border-style: 3px solid;
    border-left-width: 3px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;}

/*Réponse rapide*/
#text_editor_textarea{
background-color: #EFE9EF;
  border: solid 3px #F9C9BF;}

/*Bouton "prévisualisation"*/
.liteoption{
border-top: 1px solid #F9C9BF;
border-left: 3px solid #F9C9BF;
border-right: 3px solid #F9C9BF;
border-bottom: 1px solid #F9C9BF;}

/*Bouton "envoyer*/
.mainoption{
border-top: 1px solid #F9C9BF;
border-left: 3px solid #F9C9BF;
border-right: 3px solid #F9C9BF;
border-bottom: 1px solid #F9C9BF;}

/*OUTILS MODO*/
/*Corbeille*/
.corbeille {
padding: 5px;
margin: 5px;
    background-image: url('http://icons.iconarchive.com/icons/gakuseisean/radium/48/Recycle-Bin-Full-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #FFFFFF;
text-shadow: -1px 0px 0px #E9E9E9;
    border: 3px SOLID #646464; /*--- Taille, type et couleur de la bordure ---*/
  color:#737373;
    padding-left: 85px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 85px; /*--- On donne une taille minimale de 60px au tableau ---*/}

/*Info*/
.info {
padding: 5px;
margin: 5px;
    background-image: url('http://www.heberger-image.fr/data/images/14948_INFO.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #E8F8FD;
text-shadow: -1px -1px 0px #FFFFFF;
    border: 3px SOLID #78CFEF; /*--- Taille, type et couleur de la bordure ---*/
  color:#74BAE9;
    padding-left: 85px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 85px; /*--- On donne une taille minimale de 60px au tableau ---*/}

/*Lock*/
.lock {
padding: 5px;
margin: 5px;
    background-image: url('http://www.heberger-image.fr/data/images/25808_jk.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #FFE6E6;
text-shadow: -1px 0px 0px #FFFFFF;
    border: 3px SOLID #FFFFFF; /*--- Taille, type et couleur de la bordure ---*/
  color:#E10000;
    padding-left: 85px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 85px; /*--- On donne une taille minimale de 60px au tableau ---*/}

/*cadre autour des avatars*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 2px dashed #D2B89D;}

/*modification couleur italique*/
i {color: #432B4A;}


/* icone en ligne-hors ligne */
#post_onlin{
background: url('http://illiweb.com/fa/pbucket.gif') no-repeat;
position: absolute;
float: left;
width: 83px;
height: 50px;
margin-left: -50px;
margin-top: 0px;
padding: 0;
border: 0;}

div.infobulle {
  position: relative;
  float: left;}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */}

div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */}

div.infobulle:hover span {
display: inline;
position: absolute;
top: 5px;
left: 5px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;}

/* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */
 
.postprofile{
text-align:center;}

/* Coin arrondi au dernier sujet, + date, +utilisateur */
.arrondi {
border: 2px solid #DFC6C4;
background-color: #FFFFFF;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
webkit-border-radius: 6px; border-radius: 6px;}

/* mettre une ombre portée sur tous les textes du forum */

body {
text-shadow: #eeeeee 0px 1px 0px;}

& Le template index_box

Code:

<div class="nav" width="100%">{NAV_CAT_DESC}</div>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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>
      
   </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="100%" height="50">
        <div class="cadrefo"><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}>
                  <table width="100%"><tr><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>
                    <td width="180"><div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} Posts || {catrow.forumrow.TOPICS} topics
                      </span></div><div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table><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>
            <div class="sousfo"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </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><center><img src="http://img15.hostingpics.net/pics/349277sidebarbas.png" alt="" height="200px" width="770px" /></center><br><br><!-- END tablefoot --><!-- END catrow -->

[~ J0YFULLIPSY ♥]

Petit up

[~ J0YFULLIPSY ♥]

Up svp ^^

[~ J0YFULLIPSY ♥]

Up

[stella27]

Et Salut Joy (c'est Sovandara ),

Pour le contour, dans ton template, au niveau de la class "forumline" (situé à la ligne 2), tu as un cellspacing à 1, met 0.

Et Pour la ligne blanche, dans ton css, ajoute ceci :

Code:

.secondarytitle h2 {
    display: block;
}

[~ J0YFULLIPSY ♥]

Coucou Sovandara ^^
Alors ma collègue as réparé le problème au niveau de la ligne blanche etc , tu peux allez sur le forum pour voir si tu vois tout bien comme il faut ?
Mais par contre j'aimerais supprimer le contour " rose " que l'ont vois au niveau des sidebars du haut , faut faire comment ? stp

[Anzu]

Bonsoir,

Mes excuses pour le retard

Donc, pour vos images qui dépassaient, le problème venait d'une erreur dans le template index box.
Vous aviez mis width 770, au lieu de 760 (taille de l'image en question).

Et pour l'espace blanc, retirez la ligne de code du border dans le forumline et retirez le cellspacing dans l'index box(celui du forumline), ce qui nous donne:

Code:

        <div class="nav" width="100%">{NAV_CAT_DESC}</div>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="100%" height="50">
                <div class="cadrefo"><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}>
                          <table width="100%"><tr><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>
                            <td width="180"><div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} Posts || {catrow.forumrow.TOPICS} topics
                              </span></div><div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table><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>
                    <div class="sousfo"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </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><center><img src="http://img15.hostingpics.net/pics/349277sidebarbas.png" alt="" height="200px" width="760px" /></center><br><br><!-- END tablefoot --><!-- END catrow -->

Cordialement.

[~ J0YFULLIPSY ♥]

Merci à toi pour la réponse aussi =D pas de soucis pour le retard ^^ ma collègue as changé sa et normalement il n'y à plus de soucis ? je pense que si vous cliquez sur le lien du forum , vous ne voyez plus tout sa ? & sinon comme j'ai dit à Sovandara , si tu veux m'aider aussi je te cite ce que j'ai répondu plus haut

Coucou Sovandara ^^
Alors ma collègue as réparé le problème au niveau de la ligne blanche etc , tu peux allez sur le forum pour voir si tu vois tout bien comme il faut ?
Mais par contre j'aimerais supprimer le contour " rose " que l'ont vois au niveau des sidebars du haut , faut faire comment ? stp

[Anzu]

Me suis embrouillée dans ma réponse, il n'empêche que la solution est dedans.

Vous devez retirer le border dans le forumline (css)

Pour les espaces blancs, je les vois toujours, si on parle bien des mêmes

Pour l'image du bas, il manque un px de chaque côté, vous avez modifié quoi pour en arriver à ca ? Avez vous modifié le template comme indiqué dans mon message précédent ? (en mettant la bonne largeur)

Cordialement.

[~ J0YFULLIPSY ♥]

Alors pour les espaces blancs je suis sur google Chrome je ne l'est vois pas et ma collègue est sur Mozilla et ne l'est vois pas non plus donc bizarre ? lol
Oui nous avons modifiée la largeur comme indiquée .

Le border dans le forumline c'est à dire ? xd

[~ J0YFULLIPSY ♥]

Désolez pour le DP , pour le border j'ai trouvé mais regarde :
.forumline {
-moz-border-radius: 0px 0px 0px 0px;
border: 0px solid #F0CFBC;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 760px !important;

Donc ce n'est pas possible ? il n'y à pas de bordures xD
Et pour le contour blanc que tu dit tu parle en haut du sidebar du haut ? si oui , ce n'étais pas celui là que je parlais xD , d'ailleurs faut que je corrige le fond du forum pour que sa ne fasses pas de démarcation ^^

[Anzu]

Hé bien si, il y a un border ..

border: 0px solid #F0CFBC;

Vous mettez:

Code:

border: none;

Si vous pouviez utiliser la fonction ce serait parfait

Pour la "bordure" blanche, elle n'apparait plus sur mon forum test, suite au changement effectué dans le template (template d'ailleurs donné plus haut).
J'ai testé sur google chrome, et je ne vois aucune bordure blanche (avec les changements effectués)

[~ J0YFULLIPSY ♥]

D'accord merci pour le code pour la bordure ^^
Je vais essayer sa demain pour le template car c'est bizarre . Là je suis fatiguée donc j'ai un peu la flemme de retourner sur les templates lol . Merci à toi , je te retient au courant demain si c'est bon ou pas

[~ J0YFULLIPSY ♥]

Bonsoir , alors ma collègue as réussi a corriger le problème grâce à vous
Donc merci beaucoup
Problème résolu du coup ^^