Déplacement du bouton "Citer"

[Huggy]

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: https://forum.forumactif.com/t357285-citation-rapide.
Etant mal positionné, j'ai appliqué ce correctif: https://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;
    }

[Huggy]

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:

[Feuilla']

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.
Bonne journée !

[Huggy]

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.

[◦Jay◦]

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

Code:

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

Bien à vous.

[Huggy]

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:

[◦Jay◦]

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

[◦Jay◦]

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

[Huggy]

Merci beaucoup, problème résolu.

[◦Jay◦]

Avec plaisir.

Bien cordialement.

[Huggy]

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.

[◦Jay◦]