Bouton Résolu : probleme de positionnenement

3 participants

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

Résolu Bouton Résolu : probleme de positionnenement

Message par sixun Sam 2 Avr 2016 - 17:08

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 :

Bouton Résolu : probleme de positionnenement 01-bou10

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
avatar

sixun
Nouveau membre

Messages : 10
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 Sam 2 Avr 2016 - 18:06

Bonjour,

essaye ceci :

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

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 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
}
avatar

sixun
Nouveau membre

Messages : 10
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◦ Sam 2 Avr 2016 - 20:28

Bonsoir sixun, essayez comme ceci :

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

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par sixun 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}
Bouton Résolu : probleme de positionnenement Ex1-c110


ul.topics dd.dterm{padding-left:95px}
Bouton Résolu : probleme de positionnenement Ex2-c110




avatar

sixun
Nouveau membre

Messages : 10
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 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 :

Bouton Résolu : probleme de positionnenement Ex3-c110

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?

avatar

sixun
Nouveau membre

Messages : 10
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par sixun 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 :-)


avatar

sixun
Nouveau membre

Messages : 10
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

- Sujets similaires

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