[Réglé] Taille de champ "input"

[Réglé] Taille de champ "input" - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Réglé] Taille de champ "input" (/showthread.php?tid=1001)

[Réglé] Taille de champ "input" - Prizor - 08-06-2007

Bonjour.
J'ai un petit problème d'intégration du code suivant dans mon design :

Code PHP :
<?php 

<table>

    <form method="post" action="index.php">

    <tr><td><label for="pseudo">Pseudo :</label></td></tr>

    <tr><td><input type="text" name="pseudo" id="pseudo" /></td></tr>

    <tr><td><label for="password">Mot de passe :</label></td></tr>

    <tr><td><input type="password" name="password" id="password" /></td></tr>

    <tr><td align="center"><input type="submit" name="connexion" value="Connexion" /></td></tr>

    </form>

</table>

Jusque là rien d'affolant, mais les champs pseudo et password sont trop larges pour mon design (car ce formulaire se trouve dans mon menu), ce qui a pour conséquence de ne pas afficher la totalité du menu :
le cadre de mon menu (constitué d'images) n'est pas complet.

En résumé, j'aimerais savoir s'il était possible de réduire la taille d'un champ input, avec un attribut, ou une autre technique...

Merci d'avance !:respect:

RE: Taille de champ "input" - Sephi-Chan - 08-06-2007

Tu peux modifier avec l'attribut width de CSS ou bien l'attribut size directement dans le formulaire.

width se donne nativement en pixel, et size en charactères (en prenant comme taille générale le m il me semble).

Sephi-Chan

RE: Taille de champ "input" - Prizor - 08-06-2007

Merci, le code suivant marche nickel !

Code PHP :
<?php 

<table>

        <form method="post" action="index.php">

        <tr><td><label for="pseudo">Pseudo</label></td></tr>

        <tr><td><input type="text" name="pseudo" id="pseudo" size="15" /></td></tr>

        <tr><td><label for="password">Mot de passe</label></td></tr>

        <tr><td><input type="password" name="password" id="password" size="15" /></td></tr>

        <tr><td align="center"><input type="submit" name="connexion" value="Connexion" /></td></tr>

        </form>

        <tr><td align="center"><br />Pas encore<br />membre ?<br /><a href="inscription.php">S\'inscrire</a><br /></td></tr>

</table>

Au fait, ton "m" me semble un peu petit...^^
Je dirais que c'est plutôt le "n" qui est considéré comme taille de base, en tous cas sur mon site (ça dépend peut-être de la police ?).