IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Taille input type submit


Sujet :

CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 513
    Par défaut Taille input type submit
    Petite question concernant les input type submit, quand j'applique une taill a mon input type submit il me compte les padding gauche et droite dans la taille donné genre:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    .block_contact input[type="submit"]{
     display:block;
     margin:auto;
     width:100px;
     
    }
    Voire les taille ci-dessous sur l'image
    Nom : bnnbb.png
Affichages : 92
Taille : 30,4 Ko
    Nom : lmml.png
Affichages : 96
Taille : 2,4 Ko
    il me compte 15px de padding des deux coté plus 70pxde contenu que normalement 100 comme j'ai mis dans les css
    Remarque pour mes autre input de type texte le contenu prend toujours les taille que je donne puis ajoute les paddings à ses cotés

    Une idée
    Merci les amis

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    sans plus de code je dirais qu'il faut faire un reset préalable des padding des input

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 513
    Par défaut
    c'est a dire un reset, et pourquoi pour mes autre input aucun souci

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 513
    Par défaut
    tu veut dire ca, si tu parle de ca c'est fait depuis un moment

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    *{
      padding:0;
      margin:0;
    }

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Envoyer" />
    (15px + 70px + 15px) = 100px

    Essaie un peu avec :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="OK" />
    ou
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Akuna Matata" />
    Combien fait la largeur de l'input ?

    Allo ?? Mais allo, quoi !
    Dernière modification par Bovino ; 09/12/2013 à 11h07.

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 513
    Par défaut
    Salut l'ami donc quand je met
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Ok" />
    les dimension sont toujour de
    15+70+15

    et si je met
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Akuna Matata" />

    pour ce cas la la chaine "Akuna Matata" dépasse dans les paddings des deux coté comme si il y avait un 70px forcé, c'est bizarre

    Merci

Discussions similaires

  1. deux input type submit dans un formulaire mais 2 actions différentes
    Par khamett dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 19/04/2008, 19h34
  2. input type="submit" redirige vers une page
    Par akirasama dans le forum Langage
    Réponses: 1
    Dernier message: 13/02/2007, 12h23
  3. Input type submit sans le bouton.. comment ?
    Par unreal2me dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 07/02/2007, 15h36
  4. [css] input type submit et background-color
    Par krfa1 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 22/09/2005, 11h20
  5. [INPUT TYPE=SUBMIT] Comment modifier la largeur d'1 bouton
    Par Kylen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/08/2005, 12h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo