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

3 participants

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

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
illyria

illyria
***

Féminin
Messages : 121
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◦ Ven 12 Mai 2017 - 17:23

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

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

Message par illyria Dim 14 Mai 2017 - 13:29

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

illyria
***

Féminin
Messages : 121
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◦ Dim 14 Mai 2017 - 15:53

Bonjour, auriez-vous un compte test car les informations ne sont pas visibles en tant qu'invité. Confused
◦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: Mettre un espace entre la barre de défilement et le texte

Message par illyria 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
illyria

illyria
***

Féminin
Messages : 121
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 Dim 14 Mai 2017 - 16:40

Pourquoi ne pas jouer avec le padding ?
ITD

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 Dim 14 Mai 2017 - 16:41

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

illyria
***

Féminin
Messages : 121
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 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
ITD

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

Message par illyria 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 !
illyria

illyria
***

Féminin
Messages : 121
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◦ 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.
◦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: Mettre un espace entre la barre de défilement et le texte

Message par illyria 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 !
illyria

illyria
***

Féminin
Messages : 121
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◦ Lun 15 Mai 2017 - 17:49

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

@Bientôt. Hi
◦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.

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