Ligne séparation détails message et le message

[andries.vontrahan]

Bonjour,

Contexte
Je me présente André, je suis administrateur (non-fondateur), particulièrement en charge du design pour le forum [url=keeper.forumactif.org]keeper.forumactif.org[/url]. Le forum est en phpBB2.

Mon fondateur n’est jamais trop loin pour faire les modifs nécessaires dans les templates. Nous y avons touché à date seulement pour ajouter des polices google. Nous avons un peu de CSS personalisé également.

Problème
Je suis à compléter un redesign du forum et la ligne qui sépare les postdetails et les boutons « citer » et « éditer » des messages disparaît dans le thème temporaire que je prépare. Je veux m’assurer de pouvoir bien la remettre.

Avant (OK)


Après (Pas OK)


J’ai cru comprendre par la résolution suivante que ça touchait les templates.

Voici de quoi a l'air notre template viewtopic_body en ce moment.

Code:

<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>

C'est le <hr /> avec lequel je dois jouer, pour rajouter la ligne quand je mettrai mon template temporaire en ligne?

[_backdraft_]

Bonjour,

Votre template n'est pas finit (certaines balises ne sont pas refermées) est ce normal ?

Cordialement

[tupac]

Bonjour

backdraft_: il a juste posté la partie concernée.

andries.vontrahan: C'est bien ça, si vous souhaitez enlever cette ligne il vous faudra retirer ce BR.

Cordialement

[andries.vontrahan]

Je ne veux pas enlever la ligne, je veux qu'elle reste.

Mais elle disparaît dans mon thème temporaire.

Est-ce que ça peut être parce qu'elle devient blanche sur fond blanc?

Je veux savoir comment m'assurer qu'elle continue d'apparaître.

Merci pour vos réponses rapides.

[tupac]

Bonjour

Ok pour votre thème temporaire placer le code suivant dans votre feuille de style css.

Code:

hr {
    border-top: 1px solid #000000;
}

mais assurez-vous de retirer le hr dans le template.

Code:

        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
        <td valign="top" nowrap="nowrap" class="post-options">
        {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
        </td>
        </tr>
        <tr>
        <td colspan="2" class="hr">
        <hr />
        </td>

[andries.vontrahan]

Ah je croyais bien que ça y était, mais je viens d'essayer ta solution sur un forum test que j'ai créé pour voir ce que ça donnait et il n'y a pas de changement.

J'ai mis le code dans ma feuille de style CSS.

Code:

body{
    background-position: top center;
background-attachment:scroll;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans 700', sans-serif; font-weight 700;
  font-family: 'Open Sans 800', sans-serif; font-weight 800;
font-family: 'Black Ops One', cursive;
font-family: 'Coda', cursive;
}
        .bodylinewidth {
        width: 20%;
        }
        hr {
            border-top: 1px solid #000000;
        }

J'ai tenté en retirant les lignes 8 dans le template en question. Ça n'a pas fonctionné.

La ligne n'apparaît toujours pas.

Code:

        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                <td valign="top" nowrap="nowrap" class="post-options">
                {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                </td>
                </tr>
                <tr>
                <td colspan="2" class="hr">
                            </td>

J'ai tenté en retirant les lignes 7-8-9 au complet et rien non plus.

Code:

        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                <td valign="top" nowrap="nowrap" class="post-options">
                {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                </td>
                </tr>
                <tr> 

Je pensais bien qu'on l'avait. [url=apprendrehtml.forum-canada.com/t1-votre-1er-sujet]Ma page test de référence.[/url]

Merci Tupac, nous allons finir par y arriver.

[andries.vontrahan]

Il semble que je ne devais pas retirer le hr du template, je l'ai remis et ça semble fonctionné.



Ce que j'ai en ce moment qui fonctionne

CSS

Code:

body{
    background-position: top center;
background-attachment:scroll;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans 700', sans-serif; font-weight 700;
  font-family: 'Open Sans 800', sans-serif; font-weight 800;
font-family: 'Black Ops One', cursive;
font-family: 'Coda', cursive;
}
        .bodylinewidth {
        width: 20%;
        }
        hr {
            border-top: 1px solid #000000;
        }

Template viewtopic_body

Code:

<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                                          <hr />
               </td>
            </tr>
            <tr>

Je ne comprends toutefois pas totalement, il semble que j'avais déjà essayé cette combinaison d'options CSS et template et c'est seulement maintenant que ça fonctionne.