IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Souligner le texte quand l'élément a une class et/ou on clique dessus


Sujet :

Positionnement en CSS avec z-index

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    728
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 728
    Points : 250
    Points
    250
    Par défaut Souligner le texte quand l'élément a une class et/ou on clique dessus
    Bonjour,
    vous pouvez trouver le jsfiddle à cette adresse: https://jsfiddle.net/flamant/6zb8vne5/13/.

    J'essaye de centrer le texte verticallement et de souligner le texte quand il a la class selected et/ou je clique dessus, comme l'exemple suivant:

    Nom : Capture d’écran 2019-12-07 à 10.40.05.png
Affichages : 92
Taille : 4,5 Ko

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 957
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 957
    Points : 44 121
    Points
    44 121
    Par défaut
    Bonjour,
    tu peux regarder du côté des propriétés
    • border-bottom
    • padding-bottom

  3. #3
    Membre actif
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    728
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 728
    Points : 250
    Points
    250
    Par défaut
    il suffisait d'ajouter

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
      background: linear-gradient(to right, #F16A70, #F16A70) no-repeat;
      background-size: 100% 3px;
      background-position: center bottom;
      padding: 3px;
    à la class selected

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 30/05/2012, 09h01
  2. utilisation d'un vector comme élément d'une class
    Par thhomas dans le forum Langage
    Réponses: 8
    Dernier message: 17/06/2009, 16h41
  3. Réponses: 3
    Dernier message: 10/10/2008, 21h27
  4. Parcourir les éléments d'une classe
    Par rvhp2 dans le forum Langage
    Réponses: 10
    Dernier message: 01/10/2008, 19h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo