Bouton Résolu : probleme de positionnenement

[sixun]

bonjour
Admin sur le forum : http://www.sorcieremonique.com/
J'ai suivi le Tuto posté ici :
https://forum.forumactif.com/t183061-les-icones-de-messages

Tout est ok excepté le fait que le l'image n'est pas bien positionnée a côté du titre du sujet.
Quoique j'indique en paramètres X,Y,Z dans le code CSS, l'image reste toujours à la même position comme ceci :



taille de l'image du bouton Résolu :
Largeur : 60pixels
Auteur : 19pixel
voici le code CSS inséré en copier/coller dans l'onglet "Feuille de Style CSS" sur notre Forum de Test (http://setm-test.forumactif.org/) :

dl.icon {
min-height: 32px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 92px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 67px 5px;
min-height: 32px;
height:auto !important
}


Il n'y a que ces lignes des codes dans la feuille de style

Pourriez vous m'indiquer ce qu ne vas pas?
Merci d'avance

[Ancients]

Bonjour,

essaye ceci :

Code:

dd.dterm {
    background-position: 90%;
}

[sixun]

Bonsoir
merci pour la réponse. Ca ne change rien. ca ne bouge pas d'un poil :-)

le code complet :
dd.dterm {
background-position: 90%;
}
dl.icon {
min-height: 32px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 92px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 67px 5px;
min-height: 32px;
height:auto !important
}

[◦Jay◦]

Bonsoir sixun, essayez comme ceci :

Code:

ul.topics dd.dterm{padding-left:65px}

Bien à vous.

[sixun]

Bonsoir Jay
Avec ta commande la colonne de gauche s'élargit bien en fonction de la valeur, mais le btn reste toujours a la même position
2 Exemples :
ul.topics dd.dterm{padding-left:65px}



ul.topics dd.dterm{padding-left:95px}

[sixun]

re bonsoir
En reprenant la commande de jay pour élargir la colonne, j'ai redimensionné mon bouton afin qu'il vienne masquer l'icône par défaut, mais ce n'est qu'un "artifice" pas très propre à mon gout, bien que cela soit présentable comme ci dessous :



J’aurais aimé que ce bouton apparaisse dans un colonne , à droite du titre de sujet
N’ayant aucune connaissance sur le code des feuilles de style, quelqu’un pourrait-il m’aider?

[◦Jay◦]

Bonjour sixun, retirez le code que je vous ai donné et remplacez par :

Code:

ul.topics dd.dterm{margin-left:45px;
padding-left:100px;}

Réglez suivant la taille de votre image "résolu" le padding-left:100px;

Bien à vous.

[sixun]

Bonjour Jay
c'est impeccable avec ton 2ieme code :
ul.topics dd.dterm{margin-left:45px;
padding-left:100px;}

je note le sujet résolu
un grand merci :-)