Partage

Personnaliser Input type file

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.

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 ?

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.

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.

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?

Jérôme.
7 décembre 2017 à 12:37:56

bon ça à 3 ans mais ça peut te donner des idées creativejuiz
Un homme azerty en vaut deux.
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 jeromesaute 10 décembre 2017 à 16:18:02

Personnaliser Input type file

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown