Partage
  • Partager sur Facebook
  • Partager sur Twitter

bouton de validation

submit

    25 mai 2006 à 2:45:19

    Bonjour à tous,

    comment fait-on pour changer l'apparence du bouton de validation d'un formulaire. Pour le mettre juste en lien et pas en gros bouton ou même lui donner l'apparence que l'on veut???

    Merci d'avance..
    • Partager sur Facebook
    • Partager sur Twitter
      25 mai 2006 à 8:36:31

      avec le CSS ! ;) par exemple :
      input[type=submit]
      {
      border : none;
      background-color : inherit;
      color : blue;
      text-decoration : underline;
      }

      et voici ce que cela donne :
      Image utilisateur
      • Partager sur Facebook
      • Partager sur Twitter
        25 mai 2006 à 15:31:26

        Merci beaucoup. Cela va me permettre de changer l'apparence de ces gros boutons.

        Une autre question que je me posais. Comment sont fait les bar qui souligne les liens de la speed-bar du design zMotion. Il change de couleur lorsque l'on passe la souris dessus et pourtant ils ne font pas partis du lien.
        Si quelqu'un le sait ...
        • Partager sur Facebook
        • Partager sur Twitter
          25 mai 2006 à 15:38:34

          a
          {
          text-decoration : underline;
          }

          a:hover
          {
          border-bottom : blue;
          }

          tu peux faire ça grâce à border-bottom ! ;)
          • Partager sur Facebook
          • Partager sur Twitter
            25 mai 2006 à 15:41:23

            <span style="table:hover { border-right:0px; border-left:0px;border-top:0px;border-bottom:1px solid #ff0000; }">
            <table>
            <tr>
            <td>Lien</td>
            </tr>
            </table>
            </span>

            Voilà un peu près le _code_ fait à la va vite :D
            • Partager sur Facebook
            • Partager sur Twitter

            Web Developer

              25 mai 2006 à 15:58:00

              Citation : J2L

              <span style="table:hover { border-right:0px; border-left:0px;border-top:0px;border-bottom:1px solid #ff0000; }">
              <table>
              <tr>
              <td>Lien</td>
              </tr>
              </table>
              </span>


              Voilà un peu près le _code_ fait à la va vite :D


              Oula, c'est trés trésbeau comme code, mais le principe semble là, je crois qu'il utilise le bordure plutot que le soulignement (maintenant, tu peux l'appliqué directement au <a> ou à une autre balise <li>, <td>....)
              • Partager sur Facebook
              • Partager sur Twitter
                26 mai 2006 à 15:14:30

                Merci pour ces réponses.
                On ne va pas s'arrêter là. Allez une autre question:
                Toujours sur le design zMotion. Dans les news par exemple, le haut de chaque news contient une barre bleue avec à la fois deux nuances de bleu sur la hauteur et un petit motif sur la droite et je ne vois pas comment faire cela.
                Pour les deux nuances il suffit de faire cette nuance sur 1px de large et de le répéter en fond sur toute la largeur.
                Sinon pour le motif il suffit de le faire et de l’appliquer sur le fond à droite non répété.
                Mais ces deux techniques utilisent l’image de fond du <div> donc comment faire les deux à la fois.
                Est-il possible de faire également un motif sur la gauche en même temps? Cela permettrais de faire des cadres arrondies sans utiliser une multitudes de <div>

                • Partager sur Facebook
                • Partager sur Twitter
                  26 mai 2006 à 15:24:22

                  Pour les titres de news, je pense qu'il utilise simplement une couleur de fond (première nuance), une bordure en haut (deuxième nuance) et une image de fond qu'il place à droite....
                  • Partager sur Facebook
                  • Partager sur Twitter
                    26 mai 2006 à 15:58:19

                    C'est une solution. Je n'y avais pas pensé
                    • Partager sur Facebook
                    • Partager sur Twitter

                    bouton de validation

                    × 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