Problème catégories

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

Résolu Problème catégories

Message par Strawberru le Mer 8 Fév 2012 - 17:31

Bonjour !
J'ai un petit problème avec les catégories d'un forum.
L'image du bas est légèrement décalée par rapport au reste :

Et je n'arrive pas à la mettre "droite".

Voilà le code de la template index_box :
Code:
<br>
  <table width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
   
  </tr>
</table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><center><table class="forumline" width="80%" border="0" cellspacing="0" cellpadding="0">
          <tr></tr></table>
<table class="forumline" width="80%" border="0" cellspacing="0" cellpadding="0">
          <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="30%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="30"></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
 
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="20"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="40%">
        <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>
   
   
   
   
      <td class="row2 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="40%" height="50">
                          <table width="40%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
     
                    </span>
                </h{catrow.forumrow.LEVEL}></td><td style="margin-right:10px;text-align:right;" class="gensmall"></td></tr></tbody></table>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <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>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />        <br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span><br/>
        {catrow.forumrow.POSTS} cuillères dans {catrow.forumrow.TOPICS} pots
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->

  </tr>
      <!-- END inc -->

  <tr/>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
<table><img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" /><!-- END tablefoot --><!-- END catrow --></center>

Ainsi de le code de la feuille de style CSS :
Code:
body {
background-repeat: no-repeat;
background-position: top center;
}





.secondarytitle {
background-image: url('http://img15.hostingpics.net/pics/8779932FondCat7.png');
background-repeat: no-repeat;
}


a.mainmenu {
margin-right: XXpx; }
        body{
        margin-top: 0px;
        margin-bottom: 0px;
        }
.postbody {
    display: block;
    padding-left: 10px;
    text-align:justify;
}




a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

font-family: 'Salsa', cursive;

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



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

.code{

color: #802525;
background-color: #ffffff;
border: #Ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #Ffffff;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-left:9px;
-moz-border-radius-right:9px;
-moz-border-radius-bottom:9px;
-moz-border-radius-top:9px;
}



td.row1{
background-image: url("");
}
td.row2{
background-image: url("");
}
td.row3{
background-image: url("h");
}


td.row3Right{background-image : url();}

a {font-variant: small-caps;}
.forumline{-moz-border-radius:6px;}
.bodyline {-moz-border-radius:20px;}




.forum-desc {
text-align: center;
font-size: 13;
color:#093852;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 700px;
}


                /*IMAGES DE LA BARRE DE NAVIGATION COMPLÈTEMENT SUPPRIMÉES*/
                .nav img {
                display:none;
                }

.forumlink {
font-size:15px;
margin-left:15px;
font-weight:bolder;
word-spacing:2px;
text-align:center;
display:block;
font-family:Georgia;
text-shadow: 1px 1px 12px black;
}



body {
background-image:url("");
background-repeat: repeat;
}

body

{ cursor: url(http://www.patmax.eu/C1/111206223933.cur), auto; }

a { cursor: url(http://www.patmax.eu/C1/111206223933.cur), auto; }



body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
    content: "La BzzBox couverte de gelée royale !" !important;
}



.qeel {
background-image:url(http://img11.hostingpics.net/pics/296391QEEL5.png);
background-repeat : no-repeat;
background-position : top center;
width: 850px; height : 460px;

}
        .trans{
        background-color : transparent;
 
        }

.position  {
text-align:left;
width:50%;
margin-left: 115px;
padding:175px;



}
 


Si vous pouviez m'aider à résoudre ce problème ^^' ...
Merci d'avance !


Dernière édition par Strawberru le Mer 15 Fév 2012 - 15:57, édité 1 fois

Strawberru
*

Messages : 44
Inscrit(e) le : 19/12/2011

http://pommesucre.1fr1.net
Strawberru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Censure le Mer 8 Fév 2012 - 17:39

Bonsoir,
Avez vous essayer de centrer l'image:
En appliquant un div:
Code:
<div class="centrage"><img src="lien de l'image" alt="bas de page" border="0"/></div>
Code:
.centrage{background-position:center;}
Ou de décaler l'images vers la gauche
Code:
.centrage{margin-left:-20px;}

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Strawberru le Jeu 9 Fév 2012 - 16:47

Merci, je viens d'essayer, mais le problème persiste : l'image du bas est toujours décalée.
Voici le lien du forum en question : http://showbees.forumgratuit.org/

Strawberru
*

Messages : 44
Inscrit(e) le : 19/12/2011

http://pommesucre.1fr1.net
Strawberru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Censure le Jeu 9 Fév 2012 - 17:30

Bonjour,
Êtes vous surs d'avoir mis le code .centrage dans votre css?
Essayer ceci:
Code:
<div style="margin-left:-50px">
<img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" border="0" alt="bas de page"/>
</div>
ou ceci:
Code:
<div style="left:-50px">
<img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" border="0" alt="bas de page"/>
</div>

Ou dans le css:
Code:
.centrage{left:-20px;}

Cordialement Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Strawberru le Jeu 9 Fév 2012 - 17:53

Oui, j'en suis sûr.
J'ai essayer vos codes, mais l'image reste toujours décalée (mais cette fois-ci dans l'autre sens ^^').

Strawberru
*

Messages : 44
Inscrit(e) le : 19/12/2011

http://pommesucre.1fr1.net
Strawberru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Censure le Jeu 9 Fév 2012 - 18:02

Arf^^
Reprenez le code (celui qui décale l'image dans l'autre sens) et modifier le: "-50 px" par une valeur positif:
Pa exemple:
Code:
        <div style="margin-left:70px">
        <img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" border="0" alt="bas de page"/>
        </div>
Ou
Code:
        <div style="left:70px">
        <img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" border="0" alt="bas de page"/>
        </div>

Ou encore:
Code:
        .centrage{left:70px;}

Cordialement Censure.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Strawberru le Jeu 9 Fév 2012 - 18:16

L'image est toujours décalée, mais encore plus cette fois (et encore dans l’autre sens) ... scratch

Strawberru
*

Messages : 44
Inscrit(e) le : 19/12/2011

http://pommesucre.1fr1.net
Strawberru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Censure le Jeu 9 Fév 2012 - 18:23

Rebonsoir,
Essayer de jouer avec les "xx px".
Soit en négatif, soit en positif.
Quelle est le code qui fonctionne? Car il ne faudrait pas que deux codes s'opposent, et que ces deux codes servent à aligner l'image (gauche/droite).^^

Cordialement.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par Strawberru le Mer 15 Fév 2012 - 15:56

Bonjour !
J'ai finalement réussi à obtenir ce que je voulais en utilisant ce code :
Code:
 <div style="margin-left:-36px">
        <img src="http://img15.hostingpics.net/pics/5524872FondCat11.png" border="0" alt="bas de page"/>
    </div>
Merci beaucoup Smile

Strawberru
*

Messages : 44
Inscrit(e) le : 19/12/2011

http://pommesucre.1fr1.net
Strawberru 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