Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme CSS sur class

    5 octobre 2006 à 22:22:45

    Salut,

    j'essai de faire ca pour un test :
    <style type="text/css">
    .s {
            visibility: hidden;
    }
    .a:hover .s {
            visibility: visible;
    }
    </style>

    <a class="a" href="sss">premier</a>   <a href="ss" class="s">second</a>


    J'aimerais que lorsque le texte "premier" est survolé, la class de .s change, vous voyez?

    Je n'arrive pas à le faire et j'aimerais n'utilisez aucun code de javascript...

    Merci!
    • Partager sur Facebook
    • Partager sur Twitter
      5 octobre 2006 à 22:32:25

      Salut lol tu a oublié ceci regarde le code:
      <style type="text/css">
      .s {
              visibility: hidden;
      }
      .a:hover .s:hover {
              visibility: visible;
      }
      </style>

      <a class="a" href="sss">premier</a>   <a href="ss" class="s">second</a>
      • Partager sur Facebook
      • Partager sur Twitter
        5 octobre 2006 à 22:40:47

        Merci de ta réponse cependant ce code marcherais si le texte avec class "a" et celui avec class "s" serait survolé, hors, j'aimerais que l'action CSS se dérgoule sur la class "s" lorsque la class "a" est survolée...
        • Partager sur Facebook
        • Partager sur Twitter
          5 octobre 2006 à 22:47:07

          Ha oui je vois se que tu veut faire.
          faire apparitre par exmple une div quand on survole un lien ou que on click dessus quoi.
          • Partager sur Facebook
          • Partager sur Twitter
            5 octobre 2006 à 22:48:46

            ouais voila...sans js...
            • Partager sur Facebook
            • Partager sur Twitter
              5 octobre 2006 à 22:56:05

              Hum !! je réfléchi mais je ne vois pas beaucoup de solution sans js
              Attention je ne saurais pas t'aider de toute façon en js car je ne connais pas grand mais je sais que ces fesable avec js ca dreamweaver le fait.
              Mais un autre moyen je ne vois vraiment pas.
              • Partager sur Facebook
              • Partager sur Twitter
                5 octobre 2006 à 23:03:13

                Tu dois mettre la balise de class .s à l'intérieur de ta balise a :

                <style type="text/css">
                .s {
                        visibility: hidden;
                }
                .a:hover .s {
                        visibility: visible;
                }
                </style>

                <a class="a" href="#">premier<span class="s">second</span></a>


                et rajouter une propriété inutile sur a:hover pour que ça fonctionne sur IE, par exemple:

                a:hover {border:0;} 
                • Partager sur Facebook
                • Partager sur Twitter
                  5 octobre 2006 à 23:17:20

                  super !

                  ca marche !

                  Merci beaucoup à vous 2 ;)
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Probleme CSS sur class

                  × 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