| | Problème mise en place de mes sous forum |  |
|
 Wayumi 
{ Membre }
 Messages : 88
 | Bonjour, J'ai changé le code template & css pour modifier mes sous forum, et tout va presque bien x). En fait voila j'aimerai mon forum soit optimisé sur le plus de navigateur possible enfin surtout Firefox, Google Chrome et safari. Le code marche super google chrome et safari, mais sur firefox ça foire. Bref voici le résulta sur safari & Google Chrome : - Spoiler:
Résulta sur firefox : - Spoiler:
Bref j'aimerai que sur firefox faire disparaitre cette espace entre le cadre et le titre, enfin de faire en sorte le forum est même résultat comme sur Google chrome. Bref j'ai aussi un second soucis mais ça j'espère trouvé le problème toute seule comme une grande. Enfin le second soucis c'est l'espace y a entre le titre et l'image, description. Voila merci d'avance  | | |
|
| | |
K-Surf 
{ Spécialiste }
 Messages : 1707
| Salut pourrais-tu me fournir un lien ? Par exemple ton forum test avec ses catégories installées. | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| D'accord voici le lien :
http://test-km.forumgratuit.be/
| | |
|
| | |
'Christa 
Lostmindy
Messages : 2856
| Bonjour,
Il nous est relativement difficile de t'aider sans rien avoir sous la main : pourrais tu nous fournir ton template modifié et accessoirement ton CSS ? Merci bien. | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| D'accord ^^. Css : - Code:
-
/************ CODAGE CATEGORIE PAR ********/
.titrecat {
background: #042569;
color: #fff;
font-size: 25px;
text-align: center;
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border-radius: 50px 50px 0px 0px;
margin-top: 3px,
margin-right: 70px;
margin-left: 70px;
padding: 10px;
box-shadow:3px 3px 4px #000000;}
.modifcat {
background: #042569;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 50px;
box-shadow:3px 3px 4pxx #000000;}
.fondglobal02 {
background: #190563;
border: 1px solid #1ea2b5;
margin-top: 10px;
margin-left:10px;
margin- right: 10px;
margin: 15px;
box-shadow:3px 3px 6px #000000;}
.statfofo {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 140px;
height: 80px;
margin: 3px;
padding: 6px; }
.fofodescript{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-top: 20px;
margin-right: 30px;
padding: 6px;
text-align: justify;}
.description {
padding: 4px;
text-align: justify;
overflow: auto; }
.descriptfofo{
font-family:Arial,sans-serif;
font-size:20px;
text-align: justify;
color:#abfffa;
width: 540px;
height: 80x;
overflow: auto;
}
.forumtitre a {
display:inline-block;
background-image: url(https://dl.dropbox.com/u/60557156/barre.jpg);
width:769px;
height : 10px;
margin:auto;
padding:2px 5px;
font-family: Time New Roman;
font-size: 30px;
text-shadow: 2px 2px 4px #abfffa;
text-align: left;
text-transform: capitalize;
-moz-border-radius: 00px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 5px;
margin-top: -20px;
margin-bottom: 10px;
}
/* Personnalisation titre - lien normal */
.forumtitre a:link, .forumtitre a:visited {
text-decoration: none;
color:#abfffa;
text-shadow: 2px 2px 4px #000;
}
/* Personnalisation titre - lien survolé */
.forumtitre a:hover, .forumtitre a:active {
color:000;
font-size: 30px;
text-shadow: 0 1px 10px #abfffa;
font-family: Time New Roman;
text-decoration: none;
}
.sousfofoperso {
border: 1px solid #bd8d47;
width: 400px;
height: 30px;
display:inline-block;
background: #dfc298;
color: #abfffa;
font-size: 18px;
text-align: center;
margin-right: 10px;
margin-left: 10px;
margin-top: 1px;}
.sousfofoperso a:link, .sousfofoperso a:visited {
background: #dfc298;
color: #fff;
font-size: 18px;
text-align: center;
margin-top: 1px; }
.sousfofoperso a:hover, .sousfofoperso a:active {
color: #abfffa;
letter-spacing: -2px; }
/***********FIN DU CODAGE ************/ Template : - 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} {CURRENT_TIME} </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}<br>">{L_SEARCH_UNANSWERED}</a> <br> </td> </tr> </table> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <!-- **** Début des modifications catégorie** --> <div class="titrecat">{catrow.tablehead.L_FORUM}</div> <table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- 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 align="left" valign="middle"> <div class="fondglobal02"> <table width="70%" cellpadding="5" cellspacing="0"> <td><tr valign="middle" align="center"> <br> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> <td valign="middle" align="center"> <br> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> </div> </td> <td valign="middle" align="left"> <table><tr><td align="left"> <div class="descriptfofo"> <div class="fofodescript"> <div class="description"> <span class="genmed">{catrow.forumrow.FORUM_DESC} </div> </div> </div> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> <span class="genmed"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </div> </td> <td align="center" valign="middle"> <span class="genmed"><div class="forumdesc1"> <div class="statfofo"> <div class="statdescrip"> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS} <br><br> {catrow.forumrow.LAST_POST} </div> </td> </tr> </table> </td> </tr> </table> </td></tr> <tr> <!-- *******Fin des modifications****** --> <!-- 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> <img src="{SPACER}" alt="" height="15" width="1" /> <!-- END tablefoot --> <!-- END catrow --> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Aie aie aie ^^' Beaucoup de balises qui n'ont pas été fermées, d'où les problèmes d'affichage je pense. Juste après le premier <!-- END inc --> tu ouvres cette cellule : - Code:
-
<td align="left" valign="middle"> Mais pourtant, aucune balise </td> n'y est associée ! Un peu plus bas j'ai eu l'horreur de lire ceci : - Code:
-
<td><tr valign="middle" align="center"> Dans un tableau HTML, on trouve des LIGNES <tr> qui contiennent des CELLULES <td>. Ici tr et td sont inversées. Histoire que tu apprennes quelque chose dans l'histoire, on va faire un petit exercice : oublie ton forum un petit moment, et donne moi le code du tableau selon lequel s'agencent les différents éléments d'une catégorie. Tu peux t'aider de cette méthodologie. Ne mets rien à l'intérieur des cellules (à part peut être des repères, genre "ici l'icone de catégorie", "ici la description", "ici les sous forums", etc...). | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Oui je suis pas une grande codeuse ^^". Mais je veux bien apprendre ^^. Donc je vais essayé, on apprend en fessant des erreurs. - Code:
-
<table>
<tr> <!-- PREMIERE LIGNE -->
<td colspan="3">Titre des sous forum</td>
<tr>
<tr> <!-- DEUXIEME LIGNE -->
<td>Image New, no new, lock</td>
<td>Descriptions &
Sous forum</td>
<td>Dernière réponse
Nombre de sujet | Nombre de messages</td>
</tr>
</table> J'ai l'impression c'est très simple vu comme ça, enfin bref ce tuto est vraiment sympa je t'en remercie. Et j'espère c'est bon. | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Jusqu'ici, tout va bien !
Maintenant, un peu plus compliqué : remplace tes "Titre des sous forums" et autres repères par l'équivalent de ForumActif, à savoir les variables de templates. Aide toi de ce que tu sais déjà, mais aussi du message de Taktiik dans ce sujet (le deuxième message) | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| D'accord ^^. - Code:
-
<table>
<tr> <!-- PREMIERE LIGNE -->
<td colspan="3">catrow.forumrow.FORUM_NAME </td>
<tr>
<tr> <!-- DEUXIEME LIGNE -->
<td>catrow.forumrow.FORUM_FOLDER_IMG </td>
<td>catrow.forumrow.FORUM_DESC
catrow.forumrow.L_LINKS :
</td>
<td>catrow.forumrow.LAST_POST :
catrow.forumrow.TOPICS | catrow.forumrow.POSTS </td>
</tr>
</table> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Ça se corse ! Je ne crois pas qu'ils se présentent sous cette forme là dans les templates normalement, il faut que tu rectifies ça | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Tu veux dire comme ceci? - Code:
-
<table>
<tr> <!-- PREMIERE LIGNE -->
<td colspan="3"> {catrow.forumrow.FORUM_NAME} </td>
<tr>
<tr> <!-- DEUXIEME LIGNE -->
<td> {catrow.forumrow.FORUM_FOLDER_IMG} </td>
<td>{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_LINKS}
</td>
<td>catrow.forumrow.LAST_POST :
{catrow.forumrow.TOPICS} | {catrow.forumrow.POSTS} </td>
</tr>
</table> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Tout à fait. (il manque des accolades pour le LAST_POST par contre) Est-ce que tu utilises un logiciel comme notepad++ pour coder ? Ca t'aiderait à mieux y voir et à penser à incrémenter ton code pour séparer les "conteneurs" (les cellules par exemple) de leur "contenu", ce qui donnerait ça : - Code:
-
<table>
<tr> <!-- PREMIERE LIGNE -->
<td colspan="3">
{catrow.forumrow.FORUM_NAME}
</td>
<tr>
<tr> <!-- DEUXIEME LIGNE -->
<td>
{catrow.forumrow.FORUM_FOLDER_IMG}
</td>
<td>
{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_LINKS}
</td>
<td>
{catrow.forumrow.LAST_POST} :
{catrow.forumrow.TOPICS} | {catrow.forumrow.POSTS}
</td>
</tr>
</table> Maintenant ce n'est évidemment pas suffisant, il te faut "compléter" certaines choses. Par exemple la variable code>{catrow.forumrow.FORUM_NAME} ne contient que le nom du forum, or tu as besoin du lien ! Il te faut utiliser la variable qui contient le LIEN du forum, ce qui te donnera ceci : - Code:
-
<a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> De la même façon la variable FORUM_FOLDER_IMG (je raccourcis c'est plus court à écrire, mais il y a toujours le catrow.forumrow. devant, hein ) ne contient que le lien de l'image, tu dois donc utiliser la balise html <img> pour qu'elle s'affiche : - Code:
-
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> (la variable L_FORUM_FOLDER_ALT contient le texte qui apparait quand on laisse la souris sur l'image) Pour les sous forums, tu t'es légèrement trompée entre deux variables. L_LINKS contient juste "Sous-forums :" (et encore, je ne sais même pas si, au final, elle s'affiche sur les forums). Du coup il faut aussi utiliser LINKS en association : - Code:
-
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} Enfin, en regardant la structure que tu as créée, je me demande pourquoi tu n'as plus mis l'affichage du dernier message (variable LAST_POST) en dessous des statistiques (TOPICS et POSTS) ? Une fois que tu auras tout ceci, en principe le gros de la structure est fait. Après, il te faudra rajouter les div/span nécessaires à la mise en forme. Tu peux aussi mettre des classes dans les cellules, ainsi que align="left" (ou right ou center, pour l'alignement horizontal) et valign="top" (ou middle ou bottom pour l'alignement vertical) selon ce qui t'est utile. Je vais te laisser essayer de t'inspirer de ton précédent code pour placer les bons "blocs", sachant que : • Dans la balise <table>, il te faut rajouter ceci : - Code:
-
width="100%" border="0" cellspacing="0" cellpadding="0" • Ne mets pas de tailles de cellules, ça ne sert à rien (les tables s'ajustent automatiquement à leur contenu, donc c'est le contenu qui doit avoir une taille fixée) • A un moment dans ton précédent code j'ai vu ça pour la description : - Code:
-
<div class="descriptfofo"> <div class="fofodescript"> <div class="description"> <span class="genmed">{catrow.forumrow.FORUM_DESC} </div> </div> </div> Un seul <div class="genmed DescriptionForum"> suffira (note qu'il y a deux classes ici, le .genmed de base et une nouvelle classe .DescriptionForum), il te faudra juste fusionner intelligemment les trois classes .descriptfofo, .fofodescript et .description dans ton CSS. (et si tu reprends le précédent code, il faudra retirer les div en trop ainsi que ce span tout seul qui n'a rien à faire là) Fais un peu ça à ta sauce en essayant de suivre mes indications précédentes et donne moi cette fois la structure HTML et le CSS que tu comptes y associer N'hésite pas à me poser des questions si tu as un doute. | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Oooh j'ai l'impression tout s'éclaircit peut à peut x), merci c'est vraiment très clair comme explications. J'espère que c'est bon par contre ^^". - Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- PREMIERE LIGNE --> <td colspan="3"> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> </td> <tr> <tr> <!-- DEUXIEME LIGNE --> <td> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td> <div class=".description ">{catrow.forumrow.FORUM_DESC}</div> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </td> <td> {catrow.forumrow.LAST_POST} : {catrow.forumrow.TOPICS} | {catrow.forumrow.POSTS} </td> </tr> </table> - Code:
-
/************ CODAGE CATEGORIE PAR ********/
.titrecat {
background: #042569;
color: #fff;
font-size: 25px;
text-align: center;
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border-radius: 50px 50px 0px 0px;
margin-top: 3px,
margin-right: 70px;
margin-left: 70px;
padding: 10px;
box-shadow:3px 3px 4px #000000;}
.modifcat {
background: #042569;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 50px;
box-shadow:3px 3px 4pxx #000000;}
.fondglobal02 {
background: #190563;
border: 1px solid #1ea2b5;
margin-top: 10px;
margin-left:10px;
margin- right: 10px;
margin: 15px;
box-shadow:3px 3px 6px #000000;}
.statfofo {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 140px;
height: 80px;
margin: 3px;
padding: 6px; }
.description {
padding: 4px;
font-size:12px;
font-family:Arial,sans-serif;
text-align: justify;
overflow: auto; }
.forumtitre a {
display:inline-block;
background-image: url(https://dl.dropbox.com/u/60557156/barre.jpg);
height : 10px;
margin:auto;
padding:2px 5px;
font-family: Time New Roman;
font-size: 30px;
text-shadow: 2px 2px 4px #abfffa;
text-align: left;
text-transform: capitalize;
-moz-border-radius: 00px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 5px;
margin-top: -20px;
margin-bottom: 10px;
}
/* Personnalisation titre - lien normal */
.forumtitre a:link, .forumtitre a:visited {
text-decoration: none;
color:#abfffa;
text-shadow: 2px 2px 4px #000;
}
/* Personnalisation titre - lien survolé */
.forumtitre a:hover, .forumtitre a:active {
color:000;
font-size: 30px;
text-shadow: 0 1px 10px #abfffa;
font-family: Time New Roman;
text-decoration: none;
}
.sousfofoperso {
}
.sousfofoperso a:link, .sousfofoperso a:visited {
background: #dfc298;
color: #fff;
font-size: 18px;
text-align: center;
margin-top: 1px; }
.sousfofoperso a:hover, .sousfofoperso a:active {
color: #abfffa;
letter-spacing: -2px; }
/***********FIN DU CODAGE ************/ | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Attention, quand je note une classe CSS, je la note en notation... CSS (logique). Quand tu l'utilises en HTML tu ne dois pas mettre le point devant ^^' Ici, tu as utilisé "description" et viré les autres classes, mais que sont devenus les CSS qui étaient dedans ? Normalement, la fusion des trois classes .descriptfofo, .fofodescript et .description devrait donner ça : - Code:
-
.DescriptionForum {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
margin-top:20px;
margin-right:30px;
font-family:Arial,sans-serif;
font-size:20px;
text-align:justify;
color:#abfffa;
width:540px;
height:80px;
overflow:auto;
padding:4px;
} Et j'ai mis le .genmed dans mon exemple tout à l'heure pour une bonne raison, il permet d'avoir les textes à la même taille que le reste de ton forum '_' Du coup, si tu regardes un peu le template de base, tu te rendras compte qu'il y a des genmed/gensmall partout (selon les cas), il vaut mieux les garder, par exemple en les ajoutant dans l'attribut class (tu peux mettre plusieurs classes à la suite à condition de les séparer par un espace) Ensuite, que fais tu des classes que tu avais dans ton code précédent ? Je cite cette partie par exemple : - Code:
-
<span class="genmed"><div class="forumdesc1"> <div class="statfofo"> <div class="statdescrip"> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS} <br><br> {catrow.forumrow.LAST_POST} </div> (on remarque au passage que malgré la présence d'un span et de trois div, on ne trouve qu'un seul </div> à la fin de cette partie, l'erreur est flagrante ^^') Son équivalent devrait être quelque chose de ce genre : - Code:
-
<div class="genmed StatsForum">
Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}
<br /><br />
{catrow.forumrow.LAST_POST}
</div> (sachant qu'ici c'est cette fois les classes .statdescrip, .statfofo et .forumdesc1 qui doivent être fusionnées en une seule.) Et toi pour le moment tu n'as que ça : - Code:
-
{catrow.forumrow.LAST_POST} :
{catrow.forumrow.TOPICS} | {catrow.forumrow.POSTS} @_@ Tu vois bien qu'il te reste encore des trucs à bidouiller pour appliquer ta mise en forme à ce bloc là. | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Comme ceci ? CSS : - Code:
-
/************ CODAGE CATEGORIE ********/
.titrecat {
background: #042569;
color: #fff;
font-size: 25px;
text-align: center;
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border-radius: 50px 50px 0px 0px;
margin-top: 3px,
margin-right: 70px;
margin-left: 70px;
padding: 10px;
box-shadow:3px 3px 4px #000000;}
.modifcat {
background: #042569;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 50px;
box-shadow:3px 3px 4pxx #000000;}
.fondglobal02 {
background: #190563;
border: 1px solid #1ea2b5;
margin-top: 10px;
margin-left:10px;
margin- right: 10px;
margin: 15px;
box-shadow:3px 3px 6px #000000;}
.statforum {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 140px;
height: 80px;
margin: 3px;
padding: 6px; }
.description {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
margin-top:20px;
margin-right:30px;
font-family:Arial,sans-serif;
font-size:20px;
text-align:justify;
color:#abfffa;
width:540px;
height:80px;
overflow:auto;
padding:4px;
}
.forumtitre a {
display:inline-block;
background-image: url(https://dl.dropbox.com/u/60557156/barre.jpg);
width:769px;
height : 10px;
margin:auto;
padding:2px 5px;
font-family: Time New Roman;
font-size: 30px;
text-shadow: 2px 2px 4px #abfffa;
text-align: left;
text-transform: capitalize;
-moz-border-radius: 00px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 5px;
margin-top: -20px;
margin-bottom: 10px;
}
/* Personnalisation titre - lien normal */
.forumtitre a:link, .forumtitre a:visited {
text-decoration: none;
color:#abfffa;
text-shadow: 2px 2px 4px #000;
}
/* Personnalisation titre - lien survolé */
.forumtitre a:hover, .forumtitre a:active {
color:000;
font-size: 30px;
text-shadow: 0 1px 10px #abfffa;
font-family: Time New Roman;
text-decoration: none;
}
/***********FIN DU CODAGE ************/
Template : - Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- PREMIERE LIGNE --> <td colspan="3"> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> </td> <tr> <tr> <!-- DEUXIEME LIGNE --> <td> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td> <div class="genmed description ">{catrow.forumrow.FORUM_DESC}</div> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </td> <td><div class="genmed StatsForum"> {catrow.forumrow.LAST_POST} <br/><br/> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div> </td> </tr> </table> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Ça marche, à de petites subtilités près : - Tu devrais mettre la partie des sous forums également dans un bloc avec la classe .genmed- Le CSS est sensible à la casse, ça veut dire que .StatsForum et .statforum ça n'a rien à voir (en plus il manque un s XD). Il faut donc utiliser dans le HTML la classe telle que tu l'as définie dans ton CSS. - Pense à sauter des lignes et à indenter ton code pour pouvoir repérer les blocs (comme les div) et ce qu'il y a à l'intérieur. C'est à dire que plutôt que de mettre - Code:
-
<td><div class="genmed StatsForum">
{catrow.forumrow.LAST_POST} <br/><br/>
Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div>
</td> C'est plus clair de mettre : - Code:
-
<td> <div class="genmed StatsForum"> {catrow.forumrow.LAST_POST} <br/><br/> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS} </div> </td> On voit qu'on a une cellule (td) dans laquelle se trouve un bloc (div), dans lequel on trouve du texte, etc. Mais c'est du détail. Maintenant que je t'ai bien cassé les pieds (non, il n'est pas autorisé de me jeter des tomates et des oeufs pourris U^U) on peut aller installer ce code dans ton template : Dans ce dernier, les choses ont commencé à déraper à partir d'après cette partie : - Code:
-
<!-- END inc -->
<td align="left" valign="middle"> Jusqu'à cette partie : - Code:
-
<!-- *******Fin des modifications****** -->
<!-- END forumrow --> Pourquoi, me demanderas tu ? - Il y a un div (avec la classe .fondglobal02) qui n'a jamais été fermé - La table qui suit est un peu cassée de partout, mais je t'ai expliqué ça plus haut - à la fin du code, il y a un <tr> qui a été ajouté sans raison visible @_@ Tu vas devoir remplacer la table (entière) présente dans la partie que je t'ai indiquée, par celle que tu as créée avec mon aide. Il restera encore cette partie juste après la balise </table> : - Code:
-
</td></tr>
<tr>
<!-- *******Fin des modifications****** --> Il te faut fermer le div ouvert au début, mais aussi fermer la cellule et la ligne dans laquelle tout le tableau était inclus. Ce qui nous donne : - Code:
-
</div>
</td>
</tr>
<!-- *******Fin des modifications****** --> Normalement à ce moment là, ton template devrait être au point, il te restera des réglages à faire (par exemple mettre une taille de 100% à la cellule de description pour qu'elle prenne automatiquement tout l'espace disponible, sinon ça coincera sur Chrome je crois) mais je t'expliquerai ça plus tard | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| XD Ne t'en fais pas, je préfère tu m'expliques que un code c/c comme ça, et sans comprendre... Ca permettra de édit des truc par après je pense, donc merci ^^. Je suis pas sûre, mais j'ai édit mon template sur forum test est ce que c'est bon? - 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} {CURRENT_TIME} </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}<br>">{L_SEARCH_UNANSWERED}</a> <br> </td> </tr> </table> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <!-- **** Début des modifications catégorie** --> <div class="titrecat">{catrow.tablehead.L_FORUM}</div> <table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- 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 align="left" valign="middle"> <div class="fondglobal02"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- PREMIERE LIGNE --> <td colspan="3"> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> </td> <tr> <tr> <!-- DEUXIEME LIGNE --> <td> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td> <div class="genmed description "> {catrow.forumrow.FORUM_DESC}</div> <div class"genmed">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div> </td> <td><div class="genmed statforum"> {catrow.forumrow.LAST_POST} <br/><br/> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS} </div> </td> </tr> </table> </div> </td> </tr> <!-- *******Fin des modifications****** --> <!-- 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> <img src="{SPACER}" alt="" height="15" width="1" /> <!-- END tablefoot --> <!-- END catrow --> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Ohoh, heureusement que je vérifie, j'avais loupé une petite erreur de ta part à ce niveau là : - Code:
-
<tr> <!-- PREMIERE LIGNE --> <td colspan="3"> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> </td> <tr> Je te laisse deviner où est l'erreur *sadique* Le reste de la structure est correct à part ça, c'est le moment de tester et de vérifier que l'apparence suit. Je ne pense pas que ce soit totalement au point mais ça devrait se rectifier facilement maintenant que ton code est propre (et que tu sais désormais comment procéder) | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Je l'ai vu la petite faute x). - Code:
-
<tr> <!-- PREMIERE LIGNE --> <td colspan="3"> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> </td> </tr> | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Tout à fait ^^
Maintenant, il faut que tu installes le code sur ton forum et que tu voies ce qu'il reste à rectifier pour avoir le rendu que tu souhaitais @_@ | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Voila j'ai réussit à avoir le résultat que je désirais ^^. Voila je te remercie vraiment pour l'aide que tu m'as apporté. | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Tant mieux, j'espère que tu y auras appris des trucs | | |
|
| | |
Psycho 
Psychopathe
Messages : 3407
| Hello (: J'en déduis que le problème est entièrement résolu, par conséquent je déplace ! Merci, à l'avenir, de le signaler en éditant ton titre  | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Problème mise en place de mes sous forum | |
|
