| Mise en forme des catégories "cassée" | |
|
Akesato
{ Membre }
Messages : 86
| Bonjours ! Alors voila, j'ai une amie qui a réussit à me faire un superbe codage pour mon forum comme je voulais et tout, mais je sais pas, je crois que FA a fait une mise à jour car du jour au lendemain le codage qui marchait parfaitement à changer du jour au lendemain.
Je vous explique en image (ce qui est bien mieux)
Voila donc un sceen que ce que le codage donnait lorsqu'il marchait parfaitement bien : https://i.servimg.com/u/f42/17/52/04/88/captur11.jpg
Voila ce que du jour au lendemain ça a donner sur son forum test : http://foocha-test.grafbb.com/ (on voit bien les différences)
Et voila ce que j'ai vu en me connectant un matin sur mon forum test : http://teste-design.forumactif.com/
On a pourtant exactement le même CSS, et le même index_box =/ D'où peut venir le problème ? T______T
PS : j'ai des problèmes avec internet en ce moment à mon appart, donc si j'ai une réponse et que je répond pas tout de suite c'est normal, je m'en excuse d'avance. | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Bonjour
Tu pourrais nous passer ta feuille CSS et ton index_box, s'il te plait ?
Merci | | |
|
| |
Akesato
{ Membre }
Messages : 86
| Bien sûr ! J'avais pas pensé à les mettre vu que qu'on a les même et pourtant le résultat est différent T_T Voici le CSS : - Code:
-
/* Debut pour categories par X */
/* tableaux */
table { border-collapse: separate; border-spacing: 0px !important; }
td.row3.over:hover { padding: 6px 6px; padding-right: 6px; }
.tddesc, .tddesc:hover { background-color: black; padding: 6px 6px; padding-right: 6px; }
.tdimg { padding: 6px; background-color: black; }
.tdimg img { border-radius: 14px; }
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right { padding: 6px 6px; padding-right: 6px; padding-bottom: 6px; }
.forumline { border: 0px solid transparent !important; }
.postslien { background-color: black; }
/* Titres de categorie */ .secondarytitle, .secondarytitle h2 { color: white; margin: 0; padding: 0; height: 65px; background-color: #F5EFDF; vertical-align: top; background-position-y: 2px; background-repeat: no-repeat; }
th { background-position: center bottom; }
.tdcatitre { background-image: url(http://i42.servimg.com/u/f42/17/52/04/88/jpeg10.jpg); height: 65px; text-align: center; vertical-align: middle; }
.txtcat { vertical-align: top; visibility: hidden; }
/* arrondis pour image dans cat */
.imgarrondie { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
/* barda pour la description */
.divdesc, .divdesc:hover { background-color: black; background-image: url(http://i43.servimg.com/u/f43/15/23/00/40/12022610.png); border-radius: 14px; height: 152px; }
.description, .description:hover { background-color: #F5EFDF; padding: 14px; border-radius: 15px; border: 1px solid white; width: 68%; float: right; height: 110px; overflow: auto; margin-top: 5px; margin-right: 5px; }
.imgsec { width: 20%; float: left; margin-top: 5px; margin-left: 5px; }
/* date heure joueur lien */ .postsdate { -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -o-transform: rotate(-12deg); width: 132px; background-image: url(http://i43.servimg.com/u/f43/15/23/00/40/12022610.png); border-radius: 10px 10px 10px 10px; padding: 11px; border: 2px solid #0486AE; box-shadow: 1px 1px 1px black; margin-top: -10px; margin-right: 25px; float: left; }
/* Liens sous forums */
.ssliens { background-color: black; height: 26px; padding-top: 0; }
.sousfo { margin-left: 130px; margin-top:-6px; }
.sousfo a { border-left: 1px solid #0486AE; padding: 4px; padding-top: 0px; border-right: 1px solid #00C2EA; border-bottom: 1px solid #00C2EA; border-radius: 0px 0px 5px 5px; }
/* Fin pour categories par X */ Voici l'index_box : - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="3" 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}> </div> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <td class="tdcatitre" colspan="3" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <div class="catitre"><span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span></div> </h{catrow.forumrow.LEVEL}> </td> </tr> <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="tdimg" 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}" class="imgarrondie" /> </td> <td class="tddesc" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <div class="divdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div> </td> <td class="postslien" align="center" valign="middle" height="50"> <div class="postsdate"> <span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} Sujets<br/> {catrow.forumrow.LAST_POST}</span></div> </td> </tr> <tr> <td class="ssliens" valign="top" width="765px" colspan="3"> <span class="gensmall"> <div class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </span> </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> <div width="100%" class="img_bas"> <img src="http://i42.servimg.com/u/f42/17/52/04/88/png1010.png"/></div> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> PS : ce weekend je pars en vacance, du coup, je pense pas pouvoir répondre avant le 11.Edit de Psycho : je l'ai mis en relief exprès pour que le sujet ne soit pas archivé trop vite (: Merci ! | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Hello Le problème c'est que chez moi cela marche ^^ a part le fond du titre Dans cette partie - Code:
-
.secondarytitle, .secondarytitle h2 { color: white; margin: 0; padding: 0; height: 65px; background-color: #F5EFDF; vertical-align: top; background-position-y: 2px; background-repeat: no-repeat; } Pourquoi tu ne mets pas background-image: url('URL DE L'IMAGE'); | | |
|
| |
Akesato
{ Membre }
Messages : 86
| Pourquoi chez moi ça marche pas ? :'(
J'ai essayer ça n'a pas arrangé mon problème snif | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bonjour ! Si le CSS et le template sont absolument identiques d'un forum sur l'autre, ça pourrait venir des couleurs, ou d'autres réglages qui se font dans le panneau d'admin... T'as vérifié que c'était identique au quart de poil ? Edit : Il faut que tu réduises la largeur du forum (classe .bodylinewidth ) et que tu rajoutes ça dans ton CSS : - Code:
-
.forumline { border-collapse: collapse; } (Si .forumline est déjà défini dans ton CSS, mets y juste la nouvelle propriété, inutile de faire des doublons) Ah, et le bug sur les titres, au lieu de "visibility:hidden" il faut mettre display:none '_' | | |
|
| |
Akesato
{ Membre }
Messages : 86
| Normalement en couleur nous avons la même chose Mais notre QEEL est différent =O
Le : classe.bodylinewidth Il faut le mettre à un endroit particulier ?
Pour le .forumline j'avais déjà ceux là : .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right { padding: 6px 6px; padding-right: 6px; padding-bottom: 6px; }
.forumline { border: 0px solid transparent !important; }
Par contre j'ai bien mi le "display:none"
Désolé je suis pas doué avec le codage ^^"
| | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Alors déjà c'est pas "classe.bodylinewidth", c'est "la classe .bodylinewidth". Ergo, je parle bien d'un truc de ce genre : - Code:
-
.bodylinewidth { width:LARGEURpx; } Ensuite, vu que tu as déjà : - Code:
-
.forumline { border: 0px solid transparent !important; } Il te suffit d'y rajouter le border collapse que j'ai mentionné. Et enfin, sur un des forums que tu as montré, il y a un espace blanc sous le titre "Début de l'aventure", qui est dû au fait qu'il y a un visibility au lieu d'un display, d'où ma remarque '_' | | |
|
| |
Akesato
{ Membre }
Messages : 86
| Oui un des forums est à mon amie, dès qu'elle revient de vacance je lui dirais. Pour ça que ça a pas marché sur mon forum xD *se sent con*
le mien c'est celui là : http://teste-design.forumactif.com/
Et du coup aucun truc n'a marché dessus =/ | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bah sur le tien aussi dans le titre des forums t'as mis un visibility hidden O.o
Sinon tu as bien "séparer les catégories" dans la hiérarchie ? (Affichage » Page d'accueil » Structure et hiérarchie) | | |
|
| |
Akesato
{ Membre }
Messages : 86
| En effet c'était la hiérarchie le problème ... Comment je me sens débile. Mais il reste toujours le trait blanc sous les titres et pourtant j'ai bien mi : display:none =/ | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Dans ton CSS tu dois avoir ça quelque part : - Code:
-
.secondarytitle, .secondarytitle h2 { background-color: #F5EFDF; background-repeat: no-repeat; color: white; height: 65px; margin: 0; padding: 0; vertical-align: top; } Retire les deux background. | | |
|
| |
Akesato
{ Membre }
Messages : 86
| C'est parfait merci beaucoup ^^ | | |
|
| |
pamina
{ Membre actif }
Messages : 1170
| Hello Akesato, Doit-on comprendre que ce sujet peut être archivé ? Merci d'avance de ta réponse. | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Nous prendrons cette absence de réponse pour un "oui", sujet archivé donc ! | | |
|
| |
Contenu sponsorisé
| |
| |
| Mise en forme des catégories "cassée" | |
|