Affichage décalé des catégories

[Leyaa]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs

Description du problème

Bonjour bonjour !
Je suis entrain de coder des catégories pour mon forum, mais je rencontre quelques problèmes au fur et à mesure qu'elles prennent forme.

Voici mes catégories comme elles apparaissent sur la première page du forum, c'est à dire parfaitement bien, là tout est bon mais j'ai juste besoin de centrer le "cartes sur tables", sauf qu'il ne veut pas bouger plus que ca ::betise::

Spoiler:

Cependant, dès que je clique pour accéder à la liste des sujets et sous-forums, je rencontre un problème avec ces derniers qui s'affichent en décalé de l'image de fond du hat, comme on peut le voir sur l'image ci-dessous. Et malgré toutes mes recherches dans les margin et padding, j'ai pas réussi à trouver d'où vient le bug.

Spoiler:

Du coup si quelqu'un trouve la solution et pouvait m'expliquer ce qui ne va pas ca serait extraordinaire :zen:

Par ailleurs, je souhaiterais également savoir si c'est possible de recaler le titre "Madness House" sur le haut de catégorie des sous-forums ?

Mon CSS:


Ma template:


Merci beaucoup pour votre aide !

[MlleAlys]

Bonjour,
Les pages contenant des listes de sujets sont légèrement élargies par celles-ci. Or, le titre de la catégorie est centré, et pas le tableau juste en dessous qui contient les forums, d'où le décalage.
Pour centrer les catégories, localisez le code css suivant :

Code:

.forumlineac {
    background: #141917;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

et ajoutez margin:auto; ce qui donne :

Code:

.forumlineac {
    background: #141917;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin: auto;
}

Pour corriger la largeur de la liste des sujets, localisez le code css suivant :

Code:

.bloc_sujets {
    -htm-box-shadow: 0 0 3px #141917;
    -moz-box-shadow: 0 0 3px #141917;
    -o-box-shadow: 0 0 3px #141917;
    -webkit-box-shadow: 0 0 3px #141917;
    background: #141917;
    border: 1px solid #141917;
    box-shadow: 0 0 3px #141917;
    margin: auto;
    padding: 5px;
    width: 780px;
}

Modifiez width: 780px; en width: 770px;

ça devrait régler le problème ^^

[Leyaa]

Merci beaucoup MlleAlys, cela marche parfaitement !

Du coup, est-ce possible, sur la page d'affichage des sujets, de recentrer le titre de la catégorie (sur l'exemple "Madness House") dans son cadre ?

Et aussi, j'aimerais rajouter si possible un fond qui englobe chacune de mes catégories, comme un cadre, pour faire des effets blocs. Seulement, je n'ai pas trouvé la balise qui correspond au bloc de catégo entier et quand je tente de le créer je fais tout buguer
(exemple avec ce fond rouge: https://2img.net/r/hpimg15/pics/935134661584catgo1.png)

Comment faire pour que ca marche ?

[MlleAlys]

Le titre de la catégorie qui apparait sur cette page n'est pas vraiment un titre mais appartient au fil d'ariane :

Vous pouvez si cela vous embête faire en sorte que le titre n'apparaisse en image que dans l'en-tête des catégories, et reste en format "texte" ailleurs, comme dans le fil d'ariane, plusieurs sujets ont été ouverts à ce sujet sur ce forum, une recherche devrait vous permettre de les trouver.

Pour ce qui est du fond, essayez d'ajouter le code suivant à votre feuille de style css :

Code:

.forumlineac {
    border-spacing: 0 5px;
}
table.forumlineac tr {
    background: red;
}

Modifiez le code "red" (ici rouge) par le code de la couleur souhaitée.
La valeur "5px" correspond à l'écart entre deux blocs rouges.

[Leyaa]

Merci, c'est parfait !