Partage
  • Partager sur Facebook
  • Partager sur Twitter

Personnaliser Input type file

Sujet résolu
    6 décembre 2017 à 7:06:51

    Bonjour,

    je dois changer l'affichage de mon upload de

    à ça

    (la couleur n'est pas importante, désolé pour la mauvaise qualité de l'image)

    Mon code est

    <form method="post" enctype="multipart/form-data" action="', $_SERVER['PHP_SELF'], '">
        <td><input type="hidden" name="MAX_FILE_SIZE" value="51200"></td>
        Sélectionnez un fichier à télécharger sur le serveur
        <td><input type="file" name="uplFichier" size="80px"></td>
        <td><input type="submit" name="btnUpl" value="Télécharger"></td>
        </form>


    Bonne journée et merci à tous ceux qui pourront m'aider!

    Jérome.

    • Partager sur Facebook
    • Partager sur Twitter
    Jérôme.
      6 décembre 2017 à 9:12:04

      Bonjour,

      Tu dois avoir du CSS qui modifie l'apparence de ton bout de code puisque ce que tu désires obtenir est en théorie le css par défaut des pages web ( mis à part le rose en arrière plan ) -> essaie de mieux cibler tes ( autres ) balises avec ton css

      Après, lorsque tu as un élément qui tu conviens d'un site web, tu as toujours la possibilité de regarder le code (html+css) qui a généré cette page et surtout la partie concernée

      David

      PS: les <td> dans ton code html, c'est quoi ?

      • Partager sur Facebook
      • Partager sur Twitter
        6 décembre 2017 à 20:33:35

        Bonsoir David,

        Merci pour ta réponse.

        J'ai essayé de mettre des <td> en désespoir de cause!

        Je viens d'examiner ma page et même en désactivant toutes les propriétés css, l'affichage ne change pas...

        Est-ce que tu as une autre idée?

        Bonne soirée,

        Jérome.

        • Partager sur Facebook
        • Partager sur Twitter
        Jérôme.
          6 décembre 2017 à 21:51:20

          Les <td> ne doivent pas être utilisés en dehors d'une balise <table> et un tableau ne dois pas servir pour faire du visuel il y a CSS pour ça.

          le size="80px" n'a strictement rien à faire ici, c'est le rôle du CSS. On est passé en HTML5 depuis évoluons en même temps que lui.

          • Partager sur Facebook
          • Partager sur Twitter
          Un homme azerty en vaut deux.
            6 décembre 2017 à 21:54:14

            Bonjour Guillaume

            Merci.

            Désolé le code n'était pas complet il y avait aussi la balise <table>

            Sinon as tu une réponse à ma question?

            • Partager sur Facebook
            • Partager sur Twitter
            Jérôme.
              7 décembre 2017 à 12:37:56

              bon ça à 3 ans mais ça peut te donner des idées creativejuiz
              • Partager sur Facebook
              • Partager sur Twitter
              Un homme azerty en vaut deux.
                8 décembre 2017 à 5:49:59

                Merci Guillaume
                • Partager sur Facebook
                • Partager sur Twitter
                Jérôme.
                Anonyme
                  10 décembre 2017 à 16:17:13

                  pour personnaliser les input en css il faut spécifier le type entre crochet

                  input[type=file] {

                      background: lightgray;

                      border: solid 1px white;

                      color: white

                  }

                  -
                  Edité par Anonyme 10 décembre 2017 à 16:18:02

                  • Partager sur Facebook
                  • Partager sur Twitter
                    14 décembre 2017 à 23:43:44

                    Merci pour ta réponse

                    • Partager sur Facebook
                    • Partager sur Twitter
                    Jérôme.
                    Anonyme
                      15 décembre 2017 à 17:38:52

                      De rien, par contre je sais pas si ça fonctionne avec toutes les sortes d'INPUT, à essayer en fonction de tes besoins.
                      • Partager sur Facebook
                      • Partager sur Twitter

                      Personnaliser Input type file

                      × 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