Déplacement du bouton "Citer"

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

Résolu Déplacement du bouton "Citer"

Message par Huggy le Sam 13 Fév 2016 - 15:03

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://footmaniatest2.forumactif.be/

Description du problème

Bonjour,
J'expose donc mon second problème de la journée.
J'ai installé "Citation rapide" selon le tuto ici: http://forum.forumactif.com/t357285-citation-rapide.
Etant mal positionné, j'ai appliqué ce correctif: http://forum.forumactif.com/t360772-pb-astuce-citation-rapide

Tout était parfait jusqu'à ce que je change les images. Comme vous pouvez le voir sur la capture d'écran, il y a de nouveau un décalage vertical et horizontal. Que dois-je modifier?

CSS
Code:
    .i_icon_quote{
    margin-right:76px;
    }
    .quickquote{
    bottom:22px;
    left:60px;
    position:relative;
    }


Dernière édition par Huggy le Dim 14 Fév 2016 - 17:14, édité 2 fois

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par Huggy le Dim 14 Fév 2016 - 11:46

Je me permets de upper quelques heures avant les 24 heures car le problème est sensiblement différent qu'exposer initialement.
Le décalage vertical étant résolu comme vous pouvez le voir sur le screen, le problème serait donc maintenant de décaler le bouton "Citer" vers la gauche puisque, comme vous pouvez le voir également, la "Citation rapide" le recouvre partiellement.
Merci

Voir l'image:

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par Feuilla' le Dim 14 Fév 2016 - 12:57

Bonjour,
dans les trois premières lignes de votre CSS
Code:
    .i_icon_quote{
    margin-right:76px;
    }
il faut changer le "76" par un nombre supérieur (exemple : 90) pour augmenter l'espace entre les deux, et éviter que justement, le bouton de citation rapide ne recouvre celui de citation. Wink
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par Huggy le Dim 14 Fév 2016 - 13:19

Merci mais c'est en effet la première chose que j'ai fait et d'ailleurs le screen du message du dessus est bien avec
Code:
 .i_icon_quote{
        margin-right:90px;
        }

Car avec une valeur à 76, j'avais ceci:
Voir l'image:

La valeur 90 a donc bien permis d'écarter "Citation rapide" de "Editer" mais recouvre toujours le "Citer".
Comme si ces 2 boutons ("Citer" et "Citation rapide") étaient liés.

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par ◦Jay◦ le Dim 14 Fév 2016 - 16:11

Bonjour Huggy, essayez ce code, réglez à votre convenance l'espace (10px) :

Code:
ul.profile-icons img{margin-left:10px;}

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
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: Déplacement du bouton "Citer"

Message par Huggy le Dim 14 Fév 2016 - 16:43

Bonjour Jay et merci de vous intéresser au problème. Au code que vous me donnez, j'ai volontairement mis 50px afin que vous visualisiez mieux. Le "Citation rapide" reste inexorablement collé au "Citer" un peu comme si il ne faisaient qu'un, indépendamment des modifications apportées dans le CSS .

Voir l'image:

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par ◦Jay◦ le Dim 14 Fév 2016 - 16:45

Plutôt que mettre un code, mettez un espace à l'image. Wink



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
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: Déplacement du bouton "Citer"

Message par ◦Jay◦ le Dim 14 Fév 2016 - 16:55

Ah excusez-moi, je n'avais lu que rapidement votre problème, avez-vous essayé d'ajouter une marge au bouton citation rapide ? Essayez comme ceci :

Code:
.quickquote{
    Margin-left:20px;
    }

Bien à vous



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
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: Déplacement du bouton "Citer"

Message par Huggy le Dim 14 Fév 2016 - 17:03

Merci beaucoup, problème résolu. cheers

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par ◦Jay◦ le Dim 14 Fév 2016 - 17:05

Avec plaisir. Very Happy

Bien cordialement.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
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: Déplacement du bouton "Citer"

Message par Huggy le Dim 14 Fév 2016 - 17:09

En réalité, j'ai résolu le problème en ajoutant un margin-left:-3px
Code:
  .i_icon_quote{
    margin-right:90px;
  margin-left:-3px;

Ce qui donne:
Voir l'image:

Merci encore.

Huggy
**

Messages : 86
Inscrit(e) le : 07/05/2006

Huggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du bouton "Citer"

Message par ◦Jay◦ le Dim 14 Fév 2016 - 17:13

thumright



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ 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