Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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: 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;
    }


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'
Membre habitué(e)

Messages : 1389
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.
avatar

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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
avatar

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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
avatar

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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.
avatar

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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
avatar

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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