Partage
  • Partager sur Facebook
  • Partager sur Twitter

CSS couleur barre décoration au dessus d'un lien

    22 novembre 2021 à 18:45:28

    Bonjour, j'ai un projet à rendre et je bloque sur quelques point. Je dois reproduire une page web entièrement mais je bloque sur pas mal de point dont un où j'ai une phrase du type ; "Voici un site plein de ressources ici" vous l'avez surement compris le mot "ici" est un hyper lien qui amène à un site quelconque.

    Cette hyper lien est écrit en violet et souligné mais jusque là tout vas bien, j'ai réussi à le reproduire, le problème étant que cette phrase entière est décorée d'une ligne au dessus toute noire. J'ai réussi à mettre la ligne avec " text-decoration: overline; " et j'ai aussi rajouté " text-decoration-color: black; " mais la partie juste au dessus du lien donc du "ici" reste en violet et je n'arrive pas à la mettre en noire.

    J'espère que vous allez pouvoir m'aidez, merci d'avance bonne journée.

    • Partager sur Facebook
    • Partager sur Twitter
      22 novembre 2021 à 20:36:08

      Bonsoir alors sans voir votre code ni le rendu espérer compliqué de deviner ce qui ne vas pas
      • Partager sur Facebook
      • Partager sur Twitter
        22 novembre 2021 à 21:27:14

            c'est ce que j'ai fait

         c'est ce qui est attendu

        HTML

        <p class="p3" > Un site plein de ressources <a href="https://www.google.com"> ici </a>  </p>
        .p3 {
        	text-align : left;
        	text-decoration: 2px overline black ;
        	text-decoration-color: black;
        }

        CSS


        • Partager sur Facebook
        • Partager sur Twitter
          22 novembre 2021 à 21:59:03

          Si j'etais à votre place au lieu de tenter avec du text-decoration j'aurai simplement mis un border-top: solid 2 px black; sur le p3.

          Ensuite si la bordure est trop collé au texte juste padding-top devrait suffir

          -
          Edité par zvheer 22 novembre 2021 à 22:00:44

          • Partager sur Facebook
          • Partager sur Twitter
            22 novembre 2021 à 23:09:04

            Je viens d'essayer mais la bordure continue sur toute la ligne et elle ne s'arrête pas au niveau du texte.
            • Partager sur Facebook
            • Partager sur Twitter
              23 novembre 2021 à 0:10:32

              C'est normal car un element de type block occupe a la base 100 pourcent du conteneur qui ici est le body

              tu dois ajouter la propriété width: fit-content;

              • Partager sur Facebook
              • Partager sur Twitter
                23 novembre 2021 à 20:19:06

                Super j'ai réussi merci beaucoup!!

                • Partager sur Facebook
                • Partager sur Twitter
                  23 novembre 2021 à 23:21:10

                  multifruit17 a écrit:

                  Super j'ai réussi merci beaucoup!!

                  Bonjour,

                  Sujet résolu

                  Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e ;)

                  • Partager sur Facebook
                  • Partager sur Twitter

                  CSS couleur barre décoration au dessus d'un lien

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown