Bouton Résolu : probleme de positionnenement

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bouton Résolu : probleme de positionnenement

Message par sixun le Sam 2 Avr 2016 - 17:08

bonjour
Admin sur le forum : http://www.sorcieremonique.com/
J'ai suivi le Tuto posté ici :
http://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


Dernière édition par sixun le Dim 3 Avr 2016 - 14:41, édité 1 fois

sixun
Nouveau membre

Messages : 5
Inscrit(e) le : 07/07/2011

http://www.sorcieremonique.com
sixun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par Ancients le Sam 2 Avr 2016 - 18:06

Bonjour,

essaye ceci :

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

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par sixun le Sam 2 Avr 2016 - 19:45

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
}

sixun
Nouveau membre

Messages : 5
Inscrit(e) le : 07/07/2011

http://www.sorcieremonique.com
sixun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par ◦Jay◦ le Sam 2 Avr 2016 - 20:28

Bonsoir sixun, essayez comme ceci :

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

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2106
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par sixun le Sam 2 Avr 2016 - 22:43

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
Nouveau membre

Messages : 5
Inscrit(e) le : 07/07/2011

http://www.sorcieremonique.com
sixun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par sixun le Sam 2 Avr 2016 - 23:31

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?


sixun
Nouveau membre

Messages : 5
Inscrit(e) le : 07/07/2011

http://www.sorcieremonique.com
sixun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par ◦Jay◦ le Dim 3 Avr 2016 - 6:35

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.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2106
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton Résolu : probleme de positionnenement

Message par sixun le Dim 3 Avr 2016 - 14:41

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 :-)



sixun
Nouveau membre

Messages : 5
Inscrit(e) le : 07/07/2011

http://www.sorcieremonique.com
sixun a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum