Partage
  • Partager sur Facebook
  • Partager sur Twitter

Onglets en CSS

    10 février 2006 à 0:33:10

    Bonjour / bonsoir à tous,

    J'aimerai faire des onglets style IPB : lien de l'exemple

    Voici mon code CSS :
    #fmenu
    {

            height: 33px;
            background: #B2C6D0;
    }
    #fmenu ul
    {
            padding: 0;
            height: 23px;
            margin: 0;
            padding-top: 10px;
    }
    #fmenu li
    {
            list-style-type: none;
            height: 34px;
            font-weight: bold;
            float: left;
    }
    #fmenu li a:link
    {
            height: 14px;
            background: url(images/bout.jpg) left bottom;
            text-align: center;
            padding: 10px 20px;
            color: #FFFFFF;
            text-decoration: none;
            border-right: 1px solid #6F6F6F;
            border-bottom: 1px solid #6F6F6F;
    }
    #fmenu li a:visited
    {
            height: 14px;
            background: url(images/bout.jpg) left bottom;
            text-align: center;
            padding: 10px 20px;
            color: #FFFFFF;
            text-decoration: none;
            border-right: 1px solid #6F6F6F;
            border-bottom: 1px solid #6F6F6F;
    }
    #fmenu li a:hover
    {
            height: 14px;
            background: url(images/bout.jpg) left bottom;
            text-align: center;
            padding: 10px 20px;
            color: #FFFFFF;
            text-decoration: none;
            border-right: 1px solid #6F6F6F;
            border-bottom: 1px solid #6F6F6F;
    }
    #fmenu li a:active
    {
            height: 14px;
            background: #FFF;
            text-align: center;
            padding: 10px 20px;
            color: #000;
            text-decoration: none;
            border-right: 1px solid #6F6F6F;
    }


    On m'a dit que l'attribut :active ça veut dire le lien selectionné, et là ça fonctionne pas,
    Quand je clique sur le lien ça fait le :active ( avec fond blanc etc ) et quand je relache ça fait pariel.

    Quelqu'un peut m'aider ?

    Merci d'avance

    +++
    • Partager sur Facebook
    • Partager sur Twitter
      10 février 2006 à 20:26:53

      Salut

      :active, c'est simplement au moment où on clique sur le lien, bouton de la souris pressé. http://wiki.media-box.net/documentation/css/active

      Pour l'effet désiré, fais le à l'aide d'une petite fonction JS ou php.
      @+

      • Partager sur Facebook
      • Partager sur Twitter
        10 février 2006 à 20:50:56

        En php, on peut faire comment ?
        • Partager sur Facebook
        • Partager sur Twitter
          10 février 2006 à 21:06:54

          http://pompage.net/pompe/portescoulissantes/

          Si tu veux.
          Mais j'ai pas compris où réside ton problème au niveau des onglets.
          • Partager sur Facebook
          • Partager sur Twitter

          Onglets en CSS

          × 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