Problème d'espace avec image de catégorie

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

Résolu Problème d'espace avec image de catégorie

Message par xKiliam le Lun 27 Aoû 2012 - 17:52

Bonjour,

Je suis présentement en train de m'ouvrir un nouveau forum. Je débute quand même dans le codage alors il se pourrait qu'il y ai quelques erreurs... Par contre, après avoir modifier les catégories, j'ai eu un petit soucis avec un espace entre l'image qui remplace le titre de la catégorie et les catégories. J'aimerais que l'image soit collée contre les catégories et que, évidement, l'espace disparaissent. Voici le forum. http://els-eressea.forumactif.fr

Image :
Spoiler:

Template :
Code:
  <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </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.TOPICS} sujets et {catrow.forumrow.POSTS} messages.<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 -->


Css :
Code:
/* CADRE */

#i_logo{
                    margin-bottom: -51px;
                }

.bodyline{
border-right: 15px solid #b52c48;
border-left: 15px solid #b52c48;
padding-top: 0px;
bottom: 0px;
}


.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}

table
{
  width: 98%;
  margin: auto;
}


/*TITRES CATEGORIES*/

a.mainmenu{
  padding-left: 10px;
    text-decoration: none;
    color : #b52c48;
  font-style: italic;
  letter-spacing: -3pt;
  text-transform: lowercase;
  font-family: Times New Roman;
font-size: 28px;
font-weight: lighter;
  text-shadow: 0px 0px 1px #000000;
  -moz-transition-property : padding-left ;
-moz-transition-duration : 2s ;
  }
a.mainmenu:hover{
padding-left: 50px;
        margin-top: 30px;
  font-family: Times New Roman;
  font-weight: lighter;
  font-size: 28px;
  letter-spacing: -3pt;
  text-transform: lowercase;
  text-shadow: 0px 0px 1px #000000;
  color: #1DD9E1;
    }

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


body{
margin-top: 0px;
margin-bottom: 0px;
}

.bodyline{
width: 850px !important!; }

.forumline{-moz-border-radius:10px;}

        a:hover {
            text-decoration:none; 
            font-variant:uppercase;
        }
        a:link, a:active, a:visited {
            text-decoration:none;
        }


body {margin-top:0px}

.postbody {
padding: 30px;
text-align: justify;
line-height: 110%; }

tr.post span.gensmall { display: none; } /*Supprimer le éditer . fois par .*/

        .bodyline {
        background-image: url(http://3.bp.blogspot.com/_2UbsSBz9ckE/S5a0CY8FutI/AAAAAAAAA0M/J5RPSGoVgC4/s1600/Wood3_1600x1200.jpg);
    background-position:center;
        background-repeat: repeat;
        }

        .forumline {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;}
       
        td.catHead, th.thHead {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;}
       
        td.catBottom, th.thBottom {
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;}



    .statistiques{
border:0px;
background-image: url("http://img15.hostingpics.net/pics/245882fond.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 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;
font-family: Times New Roman;
  letter-spacing: -3pt;
  text-transform: lowercase;
  text-shadow: 0px 0px 1px #000000; }

        th.secondarytitle h2 img { display: inline!important; }
        th.secondarytitle h2 .txt-title { display: none; }

    /*CONTOUR DES AVATARS EN COULEUR*/
    .postdetails.poster-profile a img{
    border: 1px solid #48B3B1 ;
    -moz-border-radius: 3px 3px 3px 3px;
    }

        /*___________DEBUT DE MODIFICATION MISE EN PAGE FORUMS__________*/
       
                .titrefora{
                left: 280px;
      margin-bottom: -12px;
                padding: -13px;
                position: relative;
                text-align: center;
                width: 400px;
                }
                .iconefora{
                height: 0px;
                position: relative;
                top: 30px;
                left: 5px;}
           
a.forumlink:link, a.forumlink:visited {
padding-left: 10px;
      margin-bottom: -7px;
font-family: Times New Roman;
font-style: italic;
font-weight: lighter;
font-size: 30px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px #000000;
color: #b52c48;
-moz-transition-property : padding-left ;
-moz-transition-duration : 1s ;
}

a.forumlink:hover{
padding-left: 150px;
      margin-bottom: -7px;
  font-family: Times New Roman;
  font-weight: lighter;
  font-size: 30px;
  letter-spacing: -3pt;
  text-transform: lowercase;
  text-shadow: 0px 0px 1px #000000;
  color: #1DD9E1;
}
                .iconefora img{
                box-shadow: -2px 4px 8px black;
                width: 125px;
                height: 125px;
                -moz-border-radius: 65px;
                -webkit-border-radius: 65px;
                border-radius: 65px;
                background: #212121;}
           
                .descrip{
                border: 2px solid black;
                margin-left: 75px;
                height: 100px;
                overflow-y: auto;
                padding: 10px 30px;
                width:70%;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                box-shadow: -2px 4px 8px black;}
       
        .stats{
                text-align: center;
                border: 1px solid black;
                width: 150px;
                padding: 5px;
                background: grey;
                position: relative;
                top: -120px;
                left:720px;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;
                box-shadow: -2px 4px 8px black;}
           
             
           
                .forumlineacc{
                border: 2px solid black;
                padding: 5px;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;}

Merci beaucoup pour ceux qui m'aideront :3


Dernière édition par xKiliam le Lun 27 Aoû 2012 - 20:12, édité 1 fois

xKiliam
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 27/08/2012

http://els-eressea.forumactif.fr/
xKiliam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace avec image de catégorie

Message par xKiliam le Lun 27 Aoû 2012 - 20:11

J'ai trouvé la réponse en fouillant sur le forum :3

Voici le lien pour ceux qui aurait le même problème.
http://forum.forumactif.com/t335692-image-a-la-place-du-titre-de-categorie?highlight=image+haut+et+bas+cat%E9gorie

Dans mon cas, j'ai changé le code CSS pour ceci :
Code:
        .titre_cat {
                        margin-bottom: -27px;
                }


xKiliam
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 27/08/2012

http://els-eressea.forumactif.fr/
xKiliam 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