Problème d'affichage "Boutons du Forum"

[emelinerst]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis l'ajustement du code.
Lien du forum : http://zombienation.forumactif.org/

Description du problème

Bonjour A Tous!!

Je me tourne vers vous suite à un soucis avec un code CSS (je pense).
Alors voilà, j'ai mes boutons "New/No New/Locked" à gauche de mon forum, comme sur la capture, la position est PARFAITE (je le veux chevauchant le gif) seulement il est coupé est haut, j'ai essayée plusieurs choses mais rien ne fait.. =/

Si une âme charitable voudrait bien m'expliquer le problème et m'aider à le résoudre, j'en serai ravie =)

Capture problème:

Spoiler:

Capture bouton d'origine:

Spoiler:

CSS des Catégories:

Code:

/* Positionnement de l'image nouveau/pas de nouveau message/verrouillé */
.position_image {
  display: inline-block;
  width:70px;
  margin-right: -30px;
  margin-top: -30px;
}

Je pense qu'il manque une variante, mais je n'y arrives pas.
Merci aux personnes qui m'aideront à résoudre mon problème.

Si vous avez besoin du template ou autre, n'hésitez pas.

Bonne soirée à tous!!!

[Feuilla']

Bonsoir,
pour l'image coupée, dans le CSS à l'avant-dernière ligne, vous devriez augmenter le nombre. Ça devrait baisser un peu l'image pour la découvrir en entier. Pour les icônes de sujets, des solutions sont données ici :
https://forum.forumactif.com/t328206-titre-du-sujet-chevauche-l-icone-du-sujet
Bonne soirée !

[emelinerst]

Bonsoir, merci énormément pour ta réponse TRES rapide!

J'ai été voir le lien que tu m'as donné, et concernant ce sujet, ainsi que l'autre sujet donnée dans le lien que tu m'a donné, il s'agit de forum en version phpBB3 or le mien est en version phpBB2.. =/

[Feuilla']

Re,
vous pouvez toujours essayer (la ligne au-dessus de l'avant-dernière) d'agrandir le nombre, pour faire une marge à droite plus grande.
Est-ce bon comme ça, il y a encore un souci ?
Bonne soirée !

[Invité]

bonsoir
il faut modifier le margin-top

Code:

.position_image {
    display: inline-block;
    margin-right: -30px;
    margin-top: -25px;
    width: 70px;
}

ou alors laissé votre code comme il est et ajouté padding-top:10px;

ce qui revient pour ainsi dire au même,

bonne soirée ,

[emelinerst]

Bonsoir, ça a fonctionné, je vous remercie!!

[Chacha]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse