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

HTML Discussion :

Boutons IE vs Firefox: espaces avant/après le texte


Sujet :

HTML

  1. #1
    Membre actif
    Homme Profil pro
    PDG
    Inscrit en
    septembre 2005
    Messages
    102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : PDG
    Secteur : Arts - Culture

    Informations forums :
    Inscription : septembre 2005
    Messages : 102
    Points : 224
    Points
    224
    Par défaut Boutons IE vs Firefox: espaces avant/après le texte
    Bonjour.

    est-ce que quelqu'un sait comment supprimer les espaces mis par Internet Explorer à guche et à droite du texte dans un bouton, ces espaces augmentant avec la longueur du texte ?
    "padding-left:0px;" et "padding-right:0px" ne fonctionnent pas

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    août 2005
    Messages
    221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2005
    Messages : 221
    Points : 227
    Points
    227
    Par défaut
    Salut,

    En mettant une largeur de bouton prédéfinie, cela pourrait peut-être solutionner le problème, comme par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input id="reset" type=reset name=Effacer VALUE="Effacer la s&eacute;lection">
    Et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #reset{
        font-size: 0.8em;
        width: 10em;
    }
    Certes, si tu as beaucoup de boutons, cela risque d'être fastidieux, mais je ne vois rien d'autre pour solutionner le énième problème généré par IE.

    :uc:

  3. #3
    Membre actif
    Homme Profil pro
    PDG
    Inscrit en
    septembre 2005
    Messages
    102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : PDG
    Secteur : Arts - Culture

    Informations forums :
    Inscription : septembre 2005
    Messages : 102
    Points : 224
    Points
    224
    Par défaut
    Merci Spirou ^^

    C'est une solution intéressante.
    Mais comme le texte dans le bouton change dynamiquement j'ai finalement décidé d'utiliser les boutons CSS.
    Ça pose certains problèmes qu'évitaient les boutons standards, mais je fais avec

    [EDIT]
    Finalement j'ai approfondi ton idée et je l'ai trouvée excellente, avec une petite modification !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $btlong = round(strlen(_Variable_contenant_le_text)/2)+1;
    print "<input style='width: ".$btlong."em;...
    Le problème était que je travaille en XMLHTTPRequest et que le bouton est mis à jour en temps réél.
    [/EDIT]

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [LibreOffice][Texte] Comment confondre les espacements avant/après style dans LibreOffice ?
    Par alers dans le forum OpenOffice & LibreOffice
    Réponses: 9
    Dernier message: 14/03/2013, 09h53
  2. espace avant/après les ponctuations
    Par 01011 dans le forum Débuter
    Réponses: 22
    Dernier message: 05/01/2010, 14h00
  3. Espacement avant et après la balise <form>
    Par yoyot dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/06/2006, 09h23
  4. [CSS]Taille de l'espacement avant et après d'un paragraphe
    Par Andry dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/02/2006, 12h26
  5. [CSS] Espace avant / après un <ul>
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 10/01/2006, 21h34

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