| Problème colonne dernier message (résolu) | |
|
AJ*
{ Membre }
Messages : 7
| Bonjour. Tout d'abord voici le lien du forum ( sous hide ).
Alors, je voudrais resserrer à droite la partie où se trouve les dernier messages etc pour qu'elle soit alignée avec les liens " voir ses messages, voir les nouveaux messages sans réponse " parce que vu que c'est décalé on a l'impression que ma PA n'est pas centré et ça me dérange.
Je ne sais pas si vous avez bien compris mon problème, j'espère en tout les cas. Avez vous besoin de mes templates ? |
Dernière édition par AJ* le Dim 14 Avr 2013, 12:14, édité 1 fois | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| Bonjour! Je vois ce que vous voulez dire. Enfin je crois. l'objectif, c'est de ramener le cadre des catégories à la hauteur des liens, c'est bien cela? Je ne suis pas sûre par contre de pouvoir aider, mais voyons voir. Pourrais-je avoir le css et le template de vos catégories s'il vous plaît? On va essayer d'y aller dans le concret pour commencer. J'aimerais savoir aussi à quelle largeur vous avez mis votre forum dans la partie générale de votre panneau d'administration. | | |
|
| |
AJ*
{ Membre }
Messages : 7
| Bonjour. Déjà merci de votre réponse. ♥ Oui c'est tout à fait ça. Voila le Template de mes catégories et la largeur de mon forum est de 60% : - 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 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="{catrow.forumrow.INC_CLASS}" 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}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <br /> </span> </h{catrow.forumrow.LEVEL}> <div class="forum"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomforum">•• {catrow.forumrow.FORUM_NAME}</div></a><br /> <span class="genmed">{catrow.forumrow.FORUM_DESC} </span>
<td class="row3 over" align="center" valign="middle" height="50" >
<div class="derniermessage"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="mess"><span class="gensmall">{catrow.forumrow.TOPICS} sujets avec {catrow.forumrow.POSTS} messages </span> </div> <div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST} <div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </td>
<!-- 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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| Déjà, je remarque quelques petites erreures au niveau du template qui peuvent être sources du problème, mais n'ayant pas le css, c'est difficile pour moi de tester sur un forum de test. Déjà, il vous manque un tr ici pour fermer votre ligne de tableau. Ça peut occasionner des bugs. Il faudrait ajouter cette balise de fermeture après le td, la balise de fermeture de la cellule. - Code:
-
</td> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> Ici aussi il y a une erreur probable. Vous ouvrez une div dans une span. Et cette div n'est pas fermée. Enfin, je suppose qu'elle ne l'est pas puisque le dernier /div doit être pour votre classe "forum" et que l'avant dernier /div doit être pour votre classe "derni". À votre place, j'enlèverais cette balise qui n'a aucune utilité ici. - Code:
-
<div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST} <div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div> Je ne sais pas si cela règle le problème. Dans le cas contraire, puis-je avoir votre css? | | |
|
| |
AJ*
{ Membre }
Messages : 7
| Ca n'a pas résolu mon problème mais par contre ça m'a enlevé le lien du dernier message. :/ Du coup j'ai remis. Voila mon css - Code:
-
/* QEEL */ .rightpart { font-size : 12px ; *grandeur du texte border-left : 5px dotted #000000 ; *séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc padding-left : 10px } *veuillez ne pas toucher à cette partie
.groups{ background-color:#COLOR ; *peut-être un fond de couleur ? border: 1px color #000000 ; *contour du QEEL -moz-border-radius : Xpx XpxXpxXpx; *pour arrondir les bords height:40px; *pas touche padding-right:12px; *pas touche padding-left:14px; *pas touche padding-bottom:3px; *pas touche font-size:14px *grandeur du texte; font-weight: bold; *texte en gras text-align:center; *texte aligné au milieu }
/*DERNIER MESSAGE*/ .derniermessage { width: 200px; /*Largeur voulu*/ height: 100px; /*hauteur voulu*/ border: 1px dotted #3D4952; }
/*FORUM*/ .forum {width: 500px; /*Largeur voulu*/ height: 150px; /*hauteur voulu*/ font-family: Georgia text-align: justify; font-size:14px; }
.nomforum {font-family: Kranky; font-size:25px; text-align: center; border-bottom: 5px dotted #3D4952
} | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| Bon finalement, l'erreur était au niveau du template. Je me suis créé un nouveau forum de test pour voir et j'ai finalement trouvé. En fait, vous aviez enlevé les balises table de votre template. Alors les navigateurs ont dû galérer pour trouver comment arranger ce problème. Il y avait aussi une balise td imbriquée dans une autre balise td. La div était bien de trop comme je le croyais. J'ai corrigé le template pour vous comme ça serait un peu long de guider pour le faire. - 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 cathead --> <table> <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="{catrow.forumrow.INC_CLASS}" 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}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <br /> </span> </h{catrow.forumrow.LEVEL}> <div class="forum"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomforum">•• {catrow.forumrow.FORUM_NAME}</div></a><br /> <span class="genmed">{catrow.forumrow.FORUM_DESC} </span></div> </td> <td> <div class="derniermessage"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="mess"><span class="gensmall">{catrow.forumrow.TOPICS} sujets avec {catrow.forumrow.POSTS} messages </span> </div> <div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Normalement, l'affichage devrait être ok avec de tels réglages. Je vous laisse tester cela (: | | |
|
| |
AJ*
{ Membre }
Messages : 7
| Ca marche. MERCI MERCI MERCI ♥♥ | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| |
| |
'Christa
Lostmindy
Messages : 2856
| Bonjour, Pon&Zi, sachant que pour le moment la politique de CSSActif consiste à pousser les membres à faire eux même la démarche d'explorer leur code (pour apprendre à ne pas répéter leurs erreurs), évite à l'avenir de faire les corrections à leur place | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| Oui, je savais que j'aurais dû le faire ainsi, mais une vague de paresse m'a envahie et comme j'avais tout corrigé sur mon forum test... Bref, j'y prendrai bien garde désormais! | | |
|
| |
Melone
{ Modérateur }
Messages : 805
| Hello, Puisque le problème est résolu j'archive. | | |
|
| |
Contenu sponsorisé
| |
| |
| Problème colonne dernier message (résolu) | |
|