Partage
  • Partager sur Facebook
  • Partager sur Twitter

Comment améliorer les input avec le css

    11 juin 2006 à 11:22:48

    Bonjour, j'aimerais pouvoir améliorer les champs (input) et les boutons. J'aimerais savoir comment faire par exemple pour que le bouton ne soit plus en relief ou mettre une image devant (comme ici tutomania), etc...

    Merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
      11 juin 2006 à 12:26:38

      Lut

      input{} et/ou input[type=/*le type de l'input que tu veux, celui que tu met dans l'html*/]{} dans le CSS...
      • Partager sur Facebook
      • Partager sur Twitter
        11 juin 2006 à 14:55:49

        Citation : max13fr

        Bonjour, j'aimerais pouvoir améliorer les champs (input) et les boutons. J'aimerais savoir comment faire par exemple pour que le bouton ne soit plus en relief ou mettre une image devant (comme ici tutomania), etc...

        Merci d'avance



        Ils ont utilisé des tableaux pour cela !
        • Partager sur Facebook
        • Partager sur Twitter
        Liste ou site de naissance original à découvrir sur www.o-liste.net
          11 juin 2006 à 21:07:00

          Au faite je n'arrive pas en enlever l'effet de relief du bouton. Puis pour ce qui est de l'image elle est dans le champ puisque quand on clique dessus on va sur le champ pour écrire.
          • Partager sur Facebook
          • Partager sur Twitter
            12 juin 2006 à 0:03:54

            Salut
            Pour les imput text, voici ce qu'il faut mettre pour obtenir la même chose qu'eux.:
            <input class="l" name="motdepasse" size="20" maxlength="50" type="password">

            .l {
                 color: #ffffff;
                 background: #000000 url(images/cle.gif) no-repeat 4px center;
                 font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                 border-right: #000000 1px solid;
                 border-top: #000000 1px solid;
                 border-left: #FCD305 3px solid;
                 border-bottom: #000000 1px solid;
                 padding-left: 22px;
            }


            Il suffit de regarder leur code source
            Bonen chance.
            Legényes
            • Partager sur Facebook
            • Partager sur Twitter

            En cours...

            Comment améliorer les input avec le 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