Sujets similaires

Bonjour à tous,

Je viens poster ici car je n'arrive pas à trouver d'où vient mon problème et je ne sais pas comment arranger ces petits soucis..

Je vais commencer par la box: Quand on se connecte sur la box, on obtient ça:

https://i.servimg.com/u/f34/17/15/52/65/pbchat10.gif

Ensuite, j'en viens au décalage d'une de mes catégories.. J'aurais aimé qu'elles soient toutes alignées mais celle-ci résiste et je ne sais pas pourquoi:

https://i.servimg.com/u/f83/17/15/52/65/craer_11.jpg

Merci d'avance de toute l'aide que vous pouvez m'apporter !!
Je vous en suis énormément reconnaissante!
Mon forum se trouve à cette adresse: http://themagicknights.fantastique.tv/

The Magic Knights

Ah oui je me souviens que tu avais ouvert un topic pour tes catégories... ^___^
Tu peux nous donner ton templates pour les caté ? Razz

Pour la chatbox, tu peux me dire tout ce que tu as changé ^^ ?

POur la box, j'ai bidouiller dans la feuille de style:

Code:: body.chatbox {
background-color: none;
background-image: none;
width: 800px;
height:290px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
text-align: center;
align:center;
border: 2px solid ;
}

#chatbox-title{
font: 40px Arial;
color: none;
align:center;
}
#chatbox_header, #chatbox{
background-color: transparent;
align:center;

}
#chatbox_online .cattitle{
background-color: none;
align:center;
text-aling:center;
}

#chatbox_members{
background-color: none;
align:center;

}
#chatbox_header .cattitle{
color: #5A3A22;
background-color: transparent;
align:center;

}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: " Le paradis des piplettes "; }

Pour les catégories: Voici mon template:

Code:: <table width="100%" border="0" background="" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      

   </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>


<center>
<table width="800" class="fondderriereforum " border="0" bordercolor="#304E7A" cellspacing="1" cellpadding="0">
<tr>

<center><div class="titrecat"><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style="z-index: 99; position: relative;"><div class="secondarytitle" style="margin-top: -14px;"> {catrow.tablehead.L_FORUM}</div> </th>
<th nowrap="nowrap" width="400"> </th>
</div></center></tr>





<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="500"><img src="{SPACER}" height="0" width="500" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="500" height="800">
      <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}" align="center"></td>
</tr></div>



<div class="fondderriereforum">
<center> <div class="boxforum">
<br><br>
<div class="bordureforum"> <table class="fondforum" border="0" width="400" height="300">
<tr>
   
<th class="{catrow.forumrow.inc.INC_CLASS}" width="300"><img src="{SPACER}" height="300" width="300" alt="." /></th>
   

   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="top">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink"><a class="forumlink" width="300" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<table><tr><td> <a class="{catrow.forumrow.INC_CLASS}" width="300" align="center" valign="middle">
<img width="49" height="65" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </a></td><td><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table>
<span class="genmed" width="300" height="50"> {catrow.forumrow.FORUM_DESC} </span>
<span class="gensmall" width="300" height="150">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span></td></tr></table></div></center>
</div></div>


<table>

<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
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>

</table>
</div>

<center><img src="{SPACER}" style="clear:both" alt="" height="3" width="1" /></center>

PLus ma feuille de style:

Code:: #wrap{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

body a.info:hover { background: none;
background-repeat:no-repeat;
cursor: url("http://www.patmax.info/curseurs/baguette1.cur");
}

a:hover {
cursor: url("http://www.patmax#info/curseurs/cimeterre.cur");
}

a, a:link {
text-shadow: 0px 0px 0px;
}

a.forumlink:link, a.forumlink:visited {
font-family: 'Metamorphous', cursive;
font-weight:bolder;
text-align: center;
font-size: 16;
color: #5A3A22; -webkit-border-radius: 20px;} body a.info:hover { background: none; background-repeat:no-repeat; cursor: url("http://www.patmax.info/curseurs/baguette1.cur");} a:hover {cursor: url("http://www.patmax#info/curseurs/cimeterre.cur");} a, a:link {text-shadow: 0px 0px 0px; } a.forumlink:link, a.forumlink:visited {font-family: 'Metamorphous', cursive;font-weight:bolder;text-align: center;font-size: 16;color: #5A3A22;border-bottom : 4px solid #5A3A22; letter-spacing: 1px;
border-bottom : 4px solid #5A3A22;
letter-spacing: 1px;
display: block;
}

.secondarytitle h2{
font-family: 'Lobster Two', cursive;
font-weight:bolder;
text-align: center;
font-size: 30;
color: #9db7f0;
font-height: 10px;
}
.module-title
{
color: #5A3A22 ;
border-radius:50px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.cattitle {
color: #5A3A22;
font-size: 20px;
font-height: 30px;
font-weight: 600;
letter-spacing: 1px;
border-radius:50px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
align: center;
text-align:center;

}
.catBottom a.nav{
color: #5A3A22;
font-height: 30px;
border-radius:50px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
align: center;
text-align:center;

}
.optionsitems_show .forumline .thHead #gen{
color: #b2c6f0 !important;
}
body.chatbox {
background-color: none;
background-image: none;
width: 800px;
height:290px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
text-align: center;
align:center;
border: 2px solid ;
}

#chatbox-title{
font: 40px Arial;
color: none;
align:center;
}
#chatbox_header, #chatbox{
background-color: transparent;
align:center;

}
#chatbox_online .cattitle{
background-color: none;
align:center;
text-aling:center;
}

#chatbox_members{
background-color: none;
align:center;

}
#chatbox_header .cattitle{
color: #5A3A22;
background-color: transparent;
align:center;

}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: " Le paradis des piplettes "; }

.Personnalisation {
font-family: 'Lobster Two', cursive;
text-align: center;
font-size: 17;
color: #9db7f0;
}
.mon_onglet{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
}
.mon_onglet:hover{
background: #b8efa1;
}
.mon_onglet_selected{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
padding: 10px;
margin: 10 px;
height: 120px;}
#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}

p {
text-indent : 30px;
}

.forumline {padding:20px;
background:none;
align: center;
position: relative;
border:2px solid transparent;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.titrecat {
background-image: none; /* image que vous vouliez */
background-repeat: no-repeat;
background-color: none;
height:50px;
width: 700px;
align: center;
position: relative;
z-index: 1; /* pour que l'image apparaisse derrière le titre de la catégorie */
margin-bottom: 10px;
border-radius: 25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;/*bout arrondis */}

.listeconnecte td {
background-color:transparent;
background-image:none;}

.boxforum { width: 400px; float:left;
background-color: none;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
padding: 0 1em;
}

.bordureforum {

border:2px solid #5A3A22;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.fondderriereforum {
background-image: none;
background-color: none;
width:900px;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.fondforum {
background-color: #9db7f0;
width:395px;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.imagecat {
background-image: none;
background-color: #5A3A22;
width:900px;
height:700px;
align:center;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.blocProfil { padding:2px; /* une marge entre la bordure et l'intérieur du bloc */
margin:2px; /* une marge entre la bordure et l'extérieur du bloc */
border:2px solid #5A3A22; /* la bordure */
background:#9db7f0; /*une couleur de fond */
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
align:center;
text-align:center;
width:250px;
background-image: none;
}

.name {
font-size: 25px;
font-family: 'Aladin', cursive;
letter-spacing: 1px;
padding-top:10px;
}

.postdetails {
background-color: none;
font-family: 'metamorphous';
letter-spacing: 1px;
}

.sujet{
background-color: #9db7f0;
font-family: 'metamorphous';
letter-spacing: 1px;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border:2px solid #5A3A22; /* la bordure */
padding-left: 10px;
padding-right:10px;
padding-bottom: 10px;
padding-top:10px;
}

.thLeft {
font-family: 'metamorphous';
letter-spacing: 1px;
font-size: 15px;
color:#5A3A22;
}

.thRight {
font-family: 'metamorphous';
letter-spacing: 1px;
font-size: 20px;
}

.t-title{
font-family: 'metamorphous';
letter-spacing: 1px;
font-size: 20px;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-bottom: 20px;
border:2px solid #5A3A22; /* la bordure */
}

.catHead{
width:800px;
border-radius:25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-bottom:20px;
border: transparent;
}

.rang {
font-size: 18px;
font-family: 'Aladin', cursive;
letter-spacing: 1px;
width: 150px;
height: 45px;
margin-top:10px;
padding-left:70px;
}

.postdetails {
font-family: 'Aladin';
letter-spacing: 1px;
font-size: 15px;
}

Voilà! Merci !

Ouch ouch ouch, dans ton template il y a des balides qui s'ouvrent et ne se ferme pas, certaines qui se ferme mais je vois pas où tu les as ouvertes O0...

Est ce que tu pourrais juste nettoyer ton code avant xD ? Un conseil : copie colles ton codes dans un éditer (genre Notepad ++ ou SublimeText2, ou encore Coda), et regardes bien où s'ouvre et se ferme chaque balise ^^
C'est peut être un peu long, mais c'est important Wink

Éventuellement, essayes aussi d'indenter ton code ^_____^

Si tu te sens pas trop capable de le faire (par exemple si tu as peur de tout casser), je le ferai ^^, mais demain, là je suis mooooooooorte.

Je veux bien que tu le fasses, si ça ne te dérange pas... J'ai trop peur de tout casser..Tu peux nettoyer mes codes avant.. Merci beaucoup !

Pour la chatbox, essaye de mettre

Code:: #chatbox_bottom {
width: 800px;
}

Pour le template, ça risque de me prendre un peu de temps ^^

Pour la box, c'est toujours pareil !! Pas de soucis pour le template, c'est déjà super gentil de ta part et ce n'est pas urgent non plus!

Alalalala, ton code est un peu très très mélangé, du coup j'ai du mal à me dépatouiller avec >o<, j'suis désolée :/
Pour la chatbox je comprends pas, sur mon forum test ça avait marché ><

OK pour les codes! Merci d'avoir essayé en tout cas !!

Problème structure chat box et décalage d'une catégorie par rapport aux autres catégories

Problème structure chat box et décalage d'une catégorie par rapport aux autres catégories

Sujets similaires

Sujets similaires

Partenaires Or