| Messages & sujets dans une case. | |
|
Hestia
{ Membre }
Messages : 41
| Bonjour ! Je vous explique le problème, j'ai voulu suivre ce tutoriel : http://www.css-actif.com/t4061-messages-sujets-indiques-au-dessus-du-dernier-message-poste sauf que le " fond gris " qui est dans l'exemple ne s'affiche pas chez moi, par contre la structure est bonne. Voici un screen : L'adresse du forum : Mon css : - Code:
-
/*SUJETS&MESSAGES*/ .sujets_messages { padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */ border: 1px solid #000000; background-image: url('http://img411.imageshack.us/img411/4715/sanstitre3ex.png'); }
.derniers_sujets { margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté" */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, des coins arrondis un peu originaux... */ border: 1px dashed #000000; background-image: url('http://img411.imageshack.us/img411/4715/sanstitre3ex.png'); border-radius:0 10px 0 10px; -moz-border-radius:0 10px 0 10px; -webkit-border-radius:0 10px 0 10px;} /*FIN SUJETS&MESSAGES*/ Et mon template index_box - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <br> <td class="gensmall" align="center" valign="bottom"> <div class="lieens"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ✐ <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ✐ <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </div> </td> </tr> </table> <!-- BEGIN catrow -->
<!-- BEGIN tablehead --> <div id="secondarytitle">{catrow.tablehead.L_FORUM}</div> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- 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}> </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="row1" class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img class="imagelegend" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <span class="gensmall"> <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div> <div class="sujets_messages">messages {catrow.forumrow.POSTS} ✐ sujets {catrow.forumrow.TOPICS}</div></span> </td> <td class="row2 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <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}> <div class="descript"><span class="genmed"><div style="text-align: justify;">{catrow.forumrow.FORUM_DESC}</div></span></div> <span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> <div class="liensoufo"> {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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Merci d'avance | | |
|
| |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello, Tu as essayé d'héberger ton image sur un autre hébergeur? Car là ta structure est nickel ô.o | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Oui et même en retirant les background-image rien ne change.. | | |
|
| |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Avec une couleur non plus ça marche pas? | | |
|
| |
Hestia
{ Membre }
Messages : 41
| |
| |
Doare
{ Spécialiste }
Messages : 544
| Bonjour.
Je ne comprends pas bien. Le tutoriel ne concerne pas la partie montrée dans votre image. Il concerne les forums et sous-forums (comme ici), pas les listes de sujets...
Le morceau de CSS donné ne comporte pas d'erreurs, mais je ne pense pas qu'il s'agisse du CSS en entier, si ? Peut-être que l'erreur se trouve ailleurs... | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Pourtant avec les modifications la structures de la liste des sujets a changée, il manque seulement le fond ? Ou dans le cas contraire c'est possible de l'appliquer à la lise des sujets ? | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bonsoir,
Je pense que le tutoriel qui s'applique à ce que tu cherches est plutôt celui-ci : Modifier l'emplacement du nombre de vues/réponses d'un topic O.O | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Ah oui je n'avais pas vu ce tuto du coup mais l'effet n'est pas vraiment le même donc je dois faire un mélange des deux ? | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| L'effet, tu le gèreras en CSS O.o (Et si, si, c'est le même, regarde le tout dernier exemple du tuto) | | |
|
| |
Hestia
{ Membre }
Messages : 41
| En effet, merci. Bon par contre le fond ne veut toujours pas s'afficher et il y a une cellule vide en trop. Il faudrait que le titre " derniers messages " soit dans l'espace juste à droite ( au niveau du beige clair ) et que l'autre cellule disparaisse mais encore une fois je ne saisis pas tout.. Bon voici u screen : Mon css : - Code:
-
/*SUJETS&MESSAGES*/ .StatsTopics { width:150px; background:#f0f0f0; border:1px dashed #000000; }
.LastPost { width:150px; background:#f0f0f0; } /*FIN SUJETS&MESSAGES*/ Mon template : - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th> <!-- BEGIN multi_selection --> <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> <span class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</span> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"> <div class="postdetails StatsTopics">{topics_list_box.row.VIEWS} vues | {topics_list_box.row.REPLIES} réponses</div> <div class="postdetails LastPost">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div> </td> </td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> Merci ^^ | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bonsoir,
Pour la question de la colonne tu as dû oublier quelque chose dans le tutoriel '_'
Pour le fond, je viens de vérifier sur ton forum, et les deux classes que tu cites ci dessus ne figurent pas dans le CSS de ton forum. Où as tu placé ce code ? | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Ben j'ai suivi le tuto à la lettre donc je suppose que les class sont intégrées dans le code donné, à vrai dire je n'ai pas pris le temps de décortiquer le code. | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Ca s'écrit classes. Cela étant dit, tu n'as pas répondu à ma question. Où as tu placé le code CSS que tu cites ? Moi j'ai été voir ta feuille de styles et il n'est nulle part d'après Firebug. Ce qui implique qu'il y a une erreur quelque part : point virgule manquant, CSS commentés... Edit : - Code:
-
/*DESCRIPTION CATEGORIE*/ .descript { background-color :#A18C4B;"} /*FIN DESCRIPTION CATEGORIES*/ Retire le guillemet '_' - Code:
-
/*TITRE ECRIT PAR PSEUDO*/ .nsujets /*FIN TITRE ECRIT PAR PSEUDO*/ Si tu veux que ta classe soit "vide", tu dois écrire .nsujets {} | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Désolé pour la faute... Bon ça marche pour le fond mais j'ai toujours une cellule de vide, celle du dernier messages. | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Regarde ce que je vois dans ton code : - Code:
-
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"> <div class="postdetails StatsTopics">{topics_list_box.row.VIEWS} vues | {topics_list_box.row.REPLIES} réponses</div> <div class="postdetails LastPost">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div> </td> Tu n'as pas l'impression que quelque chose cloche ? | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Il y a deux - Code:
-
<td> d'ouvert et un seul de fermé mais je ne sais pas si c'est important ou si un seul suffit à tout fermer ? Sinon peut-être retirer le {topics_list_box.row.LAST_POST_AUTHOR} ? | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Tu y étais presque... La première ligne est en double, il faut la supprimer. | | |
|
| |
Hestia
{ Membre }
Messages : 41
| Oula oui en effet o_o Bon ben merci beaucoup pour tes explications, tu ne te contentes pas de donner la réponse et ça m'aide beaucoup à progresser ! Problème résolu | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Hello (: Puisque le problème est résolu, je classe (: La prochaine fois merci d'éditer ton titre afin de nous le signaler ! | | |
|
| |
Contenu sponsorisé
| |
| |
| Messages & sujets dans une case. | |
|