Partage
  • Partager sur Facebook
  • Partager sur Twitter

Comment avoir liens surlignés, mais liens d'image non surligné ?

    23 octobre 2006 à 21:45:09

    Je voudrais avoir sur mes pages les liens surlignés quand on passe le curseur dessus (hover), mais pas les liens d'une image (car surligner l'image c'est pas tres beau ^^ )

    Comment faire ?

    J'ai pensé à a:hover img et mettre dedant un text-background: none; mais ce n'est pas bon ^^
    Que faut t'il faire ?
    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      23 octobre 2006 à 21:51:54

      salut,
      <a href="http://imageshack.us"><img src="http://img303.imageshack.us/img303/3382/05vp9.gif" border="0" alt="TON TEXTE" /></a>




      normalement sa marche, chez moi sa marche ;):p
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        23 octobre 2006 à 22:15:24

        Je pense que tu peu donner une classe a tes liens images ...
        • Partager sur Facebook
        • Partager sur Twitter
          24 octobre 2006 à 10:42:41

          si tes liens sont du type

          <a href="..." title="..."><img src="..." alt="..."/></a>
          }

          alors il suffit de faire

          a img:hover
          {
          text-decoration:none;
          }

          si tes liens pointes vers une images

          <a href="image.png" title="voir l'image">voire l'image</a>

          tu leur attribut une class

          <a href="image.png" title="voir l'image" class="sans_surlignage">voir l'image</a>

          Et dans le CSS

          sans_surlignage:hover
          {
          text-decoration:none;
          }


          Je t'ai mit 2 façon car j'ai pas très bien compris
          • Partager sur Facebook
          • Partager sur Twitter
            24 octobre 2006 à 17:26:47

            C'est toujours pas ca ^^

            Je m'explique clairement alors :)

            Sur mon corps de page, j'ai des liens classiques qui sont surligné en grisatre quand on passe le curseur dessus. Ca donne
            #corps a:hover
            {
            background-color: #B3B3B3;
            }


            Seulement, je met aussi des miniatures d'images avec un lien vers une image, comme cela :
            <a href="grandeimage.jpg"><img src="miniature.jpg" alt="Screenshot" title="Screenshot" /></a>


            Mais le probleme, c'est qu'il y a sur le bas des images un surlignement qui apprait (logique ^^ C'est ce qui est demandé plus haut :p )

            Ce que j'aimerai, c'est avoir le surlignement sur liens de text, mais aucun surlignement sur les images contenant un lien ;)

            Voila !
            • Partager sur Facebook
            • Partager sur Twitter
              25 octobre 2006 à 14:50:13

              img:hover
              {
              background-color: none;
              }


              Je vois pas pourquoi compliqué les choses^^
              Normalement ca devrait marcher :)
              • Partager sur Facebook
              • Partager sur Twitter
                25 octobre 2006 à 15:10:09

                Ca ne marche pas ^^

                Je pense que le #corps est prioritaire sur le reste ^^ Mais il doit bien y avoir un moyen :)
                • Partager sur Facebook
                • Partager sur Twitter
                  25 octobre 2006 à 15:54:05

                  Normalement, à moins d'une image transparente ou d'un padding, si ton lien entoure ton image tu ne devrais pas voir apparaître le background du over sur le a puisque celui-ci devrait se retrouver caché par l'image.

                  Maintenant, il me semble que tu n'as pas le choix; tu dois mettre une class sur tes liens qui contiennent une image afin d'enlever le background sur le a:

                  <a href="grandeimage.jpg" class="lienimg"><img src="miniature.jpg" alt="Screenshot" title="Screenshot" /></a>


                  .lienimg:hover {
                    background:none;
                  }


                  Tu ne peux pas le faire par le biais d'un sélecteur puisqu'il n'y a pas, à ma connaissance, de sélecteur qui permette de cibler une balise a qui possède un enfant img. Lorsque tu utilises ces sélecteurs:

                  a img:hover{
                    background:none;
                  }

                  ou
                  a:hover img{
                    background:none;
                  }


                  tu va toucher le css de l'image, hors c'est le background de la balise a qui te pose problème et que tu veux supprimer, pas celui de la balise img.
                  • Partager sur Facebook
                  • Partager sur Twitter
                    25 octobre 2006 à 18:04:28

                    Ben ca ne marche pas non plus ^^

                    Ce n'est pas tres grave, ce n'est qu'une bande de 2px qui apparait au dessus des images.
                    • Partager sur Facebook
                    • Partager sur Twitter
                      25 octobre 2006 à 19:20:56

                      qu'est-ce qui ne marche pas, de mettre une class? Tu as un bout de code à montrer ?
                      • Partager sur Facebook
                      • Partager sur Twitter

                      Comment avoir liens surlignés, mais liens d'image non surligné ?

                      × 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