Format non respecté

[Clair Obscure]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://romantic-universes.forumactif.org/

Description du problème

Bonjour,

Je fais une nouvelle fois appel à vous suite à un petit soucis que je viens de remarquer.

Mes vignettes pour les Annonces, Notes et Annonces Globales ne sont pas de la même taille que les vignettes des sujets dit "normaux".
Dans certains des cas le forum respect ses tailles différentes mais dans d'autres il oblige les sujets du genre Annonces, Notes et Annonces globales à prendre la même taille que le reste.

Ici la taille est respectée: https://2img.net/r/hpimg15/pics/65661820160212143359Nouvellenotification.png

Et ici le forum ne respect rien : https://2img.net/r/hpimg15/pics/69904620160212143236Nouvellenotification.png

Y'a t-il un moyen d'y faire quelque chose ?

De plus est-il possible de forcer le forum de séparer les messages type Annonces, Notes, Annonces Globales du reste des messages ? (pas avec une simple barre que vous voyez sur l'image 2 mais avec un vide où l'on voit l'arrière plan entre les deux ?)

Merci par avance =)

[MlleAlys]

Bonjour,

Les images me paraissent à leur taille originale, je ne vois pas de problème de ce côté. Si le problème est le fait que la cellule est plus large que l'image à l'intérieur, c'est effectivement dû au fait que les images en dessous étant plus grande, c'est toute la colonne du tableau qui est élargie.

Pour avoir deux tableaux au lieu d'un, rendez-vous dans votre panneau d'administration > Général > messages et emails > configuration > Séparer les annonces et notes des messages : cochez "Par un tableau"

[Clair Obscure]

Bonjour,

Effectivement c'est bien le problème que vous soulevez, cependant j'ai été vérifier et j'ai déjà coché la casse "Séparer par un tableau"...
Je me demande si le problème disparaitrait si les deux tableaux étaient espacés ? Si c'est le cas comment je peux le faire ?

[MlleAlys]

Oui mince pardon j'avais oublié, ce ne sont pas deux tableau, c'est un seul en fait, c'est pour ça que ça ne fonctionne pas !
Voilà un code de no_way pour créer deux tableaux au lieu d'un :


- tout d'abord dans affichage > templates > général, éditez le template viewforum_body (Affichage d'un forum)
- localisez la ligne {TOPICS_LIST_BOX}
- encadrez-la ainsi :

Code:

<div id="topic_list_box">
    {TOPICS_LIST_BOX}
</div>

- enregistrez le template
- publiez le template

- puis dans modules > gestion des codes javascripts, créez un nouveau code
- donnez lui un nom ("tableau annonces" par exemple)
- appliquez-le sur les sous-forums
- dans la zone de saisie copiez-collez le code suivant :

Code:

$(function(){var a,s;
                    $collforumline=$('#topic_list_box .forumline>tbody>tr');
                    $collforumline.each(function(i,e){
                    $a=$('<table id="annonces" class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%">');
                    $b=$('<table id="sujets" class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%">');
                    if($('th:first-child:contains("Sujets")',e).length)s=i;
                    });
                    if(!s)return false;
                    for(a=0;a<s;a++){$a.append($collforumline.eq(a))}
                    for(a=s;a<$collforumline.length;a++){$b.append($collforumline.eq(a))}
                    $("#topic_list_box").html('');$("#topic_list_box").append($a,$b);
                });


- enregistrez

Vous devriez avoir alors deux tableaux au lieu d'un ^^

[Clair Obscure]

Super ça marche !

Et est-il possible de les séparer comme je l'ai fait pour mes catégories ? (exemple ici)

[MlleAlys]

Dans Affichage > couleurs > onglet feuille de style css, copiez-collez le code suivant :

Code:

/*marge entre annonces et sujets*/
#topic_list_box #annonces {
    margin-bottom: 50px;
}



Ce code ajoute une marge de 50 pixels sous le tableau des annonces. Modifiez si besoin cette valeur par celle voulue pour obtenir la marge souhaitée.

[Clair Obscure]

Oui !! c'est parfait !

Humm, comme je vois que vous vous y connaissez pas mal savez-vous comment ajouter le même type de marge entre le tableau des Notes (ou des sujets) et le tableau des infos plus bas ?
Image ici

[MlleAlys]

Dans ce cas, remplacez le code donné au dessus par le suivant :

Code:

/*marge au dessus et en dessous des sujets*/
#topic_list_box #sujets {
    margin: 40px 0;
}

au lieu de mettre une marge en dessous du tableau des annonces, ça va mettre une marge au dessus et en dessous de celui des sujets.

[Clair Obscure]

Ah, cela marche très bien quand c'est un tableau sujet, mais quand c'est un tableau annonce rien ne se passe
Faut-il un code différent ?

[MlleAlys]

ah, quand il n'y a pas de sujets, que des annonces ?

Remplacez par celui-là alors ^^ :

Code:

/*marges sous annonces et sous sujets*/
#topic_list_box #annonces, #topic_list_box #sujets {
    margin-bottom: 40px;
}
 

[Clair Obscure]

Humm, non toujours le même soucis avec le tableau des annonces.
Le tableau des sujets se comporte très bien par contre

[MlleAlys]

Auriez vous un lien vers une page du forum où se pose de problème ? Je crois que je n'ai pas compris où était le problème en fait ^^"

[Clair Obscure]

Oh, bien sûr, je m'explique très mal aussi =)

Voila le lien : http://romantic-universes.forumactif.org/f6-crime-thriller

Vous pouvez voir qu'entre le tableau des annonces et le tableau avec les infos il n'y a pas d'espace et franchement ce n'est pas esthétique =)

[MlleAlys]

Non, en fait j'avais bien compris, mais j'avais mal analysé le comportement du code javascript dans ce cas.
Remplacez par ceci :

Code:

/*marges sous annonces et sous sujets*/
#topic_list_box #annonces, #topic_list_box {
    margin-bottom: 40px;
}



[Clair Obscure]

Aaaah, oui c'était ça !
Merci beaucoup tout ce comporte très bien à présent !