Mettre un espace entre la barre de défilement et le texte
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Mettre un espace entre la barre de défilement et le texte
Bonjour,
(C'est encore moi pour ceux qui reconnaîtront mon pseudo. )
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 :
Savez-vous comment régler ce petit souci ?
En vous remerciant par avance.
(C'est encore moi pour ceux qui reconnaîtront mon pseudo. )
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.
Dernière édition par illyria le Lun 15 Mai 2017 - 17:48, édité 1 fois
Re: Mettre un espace entre la barre de défilement et le texte
Bonjour illyria, avec le lien du forum, ce serait plus facile.
Bien à vous.
Bien à vous.
Re: Mettre un espace entre la barre de défilement et le texte
Bonjour, auriez-vous un compte test car les informations ne sont pas visibles en tant qu'invité.
Re: Mettre un espace entre la barre de défilement et le texte
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.
Re: Mettre un espace entre la barre de défilement et le texte
Pourquoi ne pas jouer avec le padding ?
Re: Mettre un espace entre la barre de défilement et le texte
J'ai essayé mais ça ne fonctionne pas malheureusement...
Re: Mettre un espace entre la barre de défilement et le texte
D'accord. A part le padding, j'ignore comment résoudre ton problème, désolée. Je croise les doigts pour toi
Re: Mettre un espace entre la barre de défilement et le texte
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.
Re: Mettre un espace entre la barre de défilement et le texte
Bonjour Jay,
Toutes mes excuses, je n'y avais pas pensé...
Login : Compte Test
Mot de passe : MPTest
Merci !
Toutes mes excuses, je n'y avais pas pensé...
Login : Compte Test
Mot de passe : MPTest
Merci !
Re: Mettre un espace entre la barre de défilement et le texte
Bonjour illyria, je ne vois pas vraiment de problème, en ajoutant un padding-right, cela devrait fonctionner :
Dites-moi si vous rencontrez un problème.
Bien à vous.
- Code:
div.elevator{padding-right:10px;}
Dites-moi si vous rencontrez un problème.
Bien à vous.
Re: Mettre un espace entre la barre de défilement et le texte
Effectivement, cela fonctionne parfaitement !
Mais je ne l'avais pas mis de la bonne façon la première fois...
Merci beaucoup pour votre aide !
Mais je ne l'avais pas mis de la bonne façon la première fois...
Merci beaucoup pour votre aide !
Re: Mettre un espace entre la barre de défilement et le texte
De rien, on passe parfois à côté.
@Bientôt.
@Bientôt.
Sujets similaires
» Mettre un texte dans une petite partie/fenêtre (avec barre de défilement)
» Mettre une zone de texte + image entre la barre de nav et le forum
» Espace entre texte forum
» Espace entre texte et image
» Espace entre avatar et texte
» Mettre une zone de texte + image entre la barre de nav et le forum
» Espace entre texte forum
» Espace entre texte et image
» Espace entre avatar et texte
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum