Mettre un espace entre la barre de défilement et le texte

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

Résolu Mettre un espace entre la barre de défilement et le texte

Message par illyria le Ven 12 Mai 2017 - 16:19

Bonjour,

(C'est encore moi pour ceux qui reconnaîtront mon pseudo. What a Face )
Petite capture d'écran ci-dessous :


Ce que vous voyez est le "hover" du profil : quand on place la souris sur l'avatar, le contenu du profil apparaît. J'ai personnalisé la barre de défilement (en gris et bleu). Maintenant ce que j'aimerais faire, c'est créer un petit espace (de 1 ou 2 pixels) entre la droite du texte et la gauche de la scrollbar. Parce que là, le texte est collé à la barre et je ne trouve pas ça super esthétique...
J'ai tenté de mettre une marge dans le CSS relatif à la barre de défilement mais ça n'a pas fonctionné...

Ci-dessous le code CSS actuel en question :
Code:
.elevator::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}
.elevator::-webkit-scrollbar-track {background-color: #7DC2D4;}
.elevator::-webkit-scrollbar-thumb {background-color: #d2d2d2;}

Savez-vous comment régler ce petit souci ?

En vous remerciant par avance. I love you


Dernière édition par illyria le Lun 15 Mai 2017 - 17:48, édité 1 fois
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ◦Jay◦ le Ven 12 Mai 2017 - 17:23

Bonjour illyria, avec le lien du forum, ce serait plus facile.

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3294
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: Mettre un espace entre la barre de défilement et le texte

Message par illyria le Dim 14 Mai 2017 - 13:29

Bonjour Jay,
Le voici : http://bluebubble.forumactif.com
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ◦Jay◦ le Dim 14 Mai 2017 - 15:53

Bonjour, auriez-vous un compte test car les informations ne sont pas visibles en tant qu'invité. Confused


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3294
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: Mettre un espace entre la barre de défilement et le texte

Message par illyria le Dim 14 Mai 2017 - 16:17

Je n'ai pas de compte test, en revanche pour apercevoir le profil, la première section est ouverte aux invités (lecture) et la section "Partenaires et guests" est également accessible aux invités (lecture/écriture). N'hésitez pas à me dire si cela n'est pas suffisant, je créerai alors un compte test pour vous. Smile
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ITD le Dim 14 Mai 2017 - 16:40

Pourquoi ne pas jouer avec le padding ?
avatar

ITD
Nouveau membre

Messages : 11
Inscrit(e) le : 15/03/2017

http://illuminate-darkness.forumactif.fr/
ITD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par illyria le Dim 14 Mai 2017 - 16:41

J'ai essayé mais ça ne fonctionne pas malheureusement...
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ITD le Dim 14 Mai 2017 - 16:53

D'accord. A part le padding, j'ignore comment résoudre ton problème, désolée. Je croise les doigts pour toi I love you
avatar

ITD
Nouveau membre

Messages : 11
Inscrit(e) le : 15/03/2017

http://illuminate-darkness.forumactif.fr/
ITD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ◦Jay◦ le Dim 14 Mai 2017 - 19:31

En tant qu'invité, nous ne voyons que "petits mots" donc, oui, s'il était possible de créer un compte test, ce serait mieux.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3294
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: Mettre un espace entre la barre de défilement et le texte

Message par illyria le Lun 15 Mai 2017 - 17:18

Bonjour Jay,

Toutes mes excuses, je n'y avais pas pensé...
Login : Compte Test
Mot de passe : MPTest

Merci !
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ◦Jay◦ le Lun 15 Mai 2017 - 17:37

Bonjour illyria, je ne vois pas vraiment de problème, en ajoutant un padding-right, cela devrait fonctionner :

Code:
div.elevator{padding-right:10px;}

Dites-moi si vous rencontrez un problème. reflexion

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3294
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: Mettre un espace entre la barre de défilement et le texte

Message par illyria le Lun 15 Mai 2017 - 17:48

Effectivement, cela fonctionne parfaitement !
Mais je ne l'avais pas mis de la bonne façon la première fois... Embarassed
Merci beaucoup pour votre aide !
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un espace entre la barre de défilement et le texte

Message par ◦Jay◦ le Lun 15 Mai 2017 - 17:49

De rien, on passe parfois à côté. Wink

@Bientôt. Hi


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3294
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