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 :

CSS input qui ne marche que sur Firefox


Sujet :

CSS

  1. #1
    Membre régulier Avatar de DJ Caësar 9114
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 134
    Points : 81
    Points
    81
    Par défaut CSS input qui ne marche que sur Firefox
    Bonjour,
    J'ai cru qu'il existait une personne ayant le même problème que moi en cherchant dans le forum, mais en fait non... j'explique donc mon problème.

    J'ai un formulaire (rien de transcendant, un truc normal avec un input submit à la fin), et j'ai décidé de mettre un CSS sur ce formulaire:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    input {
    border:0px;
    background-color=999999;
    color:black;
    cursor:pointer;
    }
    select {
    border:0px;
    background-color=999999;
    color:black;
    cursor:pointer;
    }
     
    input[type=submit] {
    border:2px outset #A6BEDE;
    font-weight:bold;
    cursor:pointer;
    }
    Le fait est que sur Firefox, tout se passe bien, le CSS applique bien un style différent sur le bouton submit et sur les input du formulaire. Sur IE, ce n'est pas le cas. D'où celà peut-il provenir, sachant qu'IE applique au submit le même style que les autres input?

    En vous remerciant.

  2. #2
    Membre régulier Avatar de DJ Caësar 9114
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 134
    Points : 81
    Points
    81
    Par défaut
    Bon, j'ai trouvé une solution, mais je ne mets pas pour autant le tag "résolu", ma méthode étant un moyen de contournement et non une solution CSS à proprement parler.

    J'ai modifié mon en
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <button type="submit">Envoyer</button>
    Ce qui fait que je peux appliquer un autre style...

    Je suis preneur de toute solution plus jolie!

  3. #3
    Membre confirmé Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Points : 479
    Points
    479
    Par défaut
    Bonjour,
    Je ne sais pas à quelle version d'IE tu fais référence mais il faut savoir qu'IE6 ne reconnait pas les sélecteurs d'attribut. Tu devras donc passer par l'attribution d'une classe à ton/tes input de type submit.
    Par contre, tu as des erreurs de syntaxe dans ton code. En css, le séparateur entre le nom de la propriété et sa valeur est le double-point et si tu es en xhtml, la valeur d'un attribut d'une balise doit être entouré de guillemets.

  4. #4
    Membre régulier Avatar de DJ Caësar 9114
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 134
    Points : 81
    Points
    81
    Par défaut
    Merci, je n'avais pas vu pour les "="... Quand on passe des heures à faire du javascript et qu'on enchaine avec du CSS, voilà ce qui arrive!
    Pour info, ma version d'IE est la 8.

    Je vais donc essayer avec les classes, en ne comprenant toujours pas pourquoi pour une fois c'est firefox qui marche bien et IE qui ne comprend pas ce que je lui demande!

    Bonne journée

  5. #5
    Membre averti Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Points : 391
    Points
    391
    Par défaut
    Citation Envoyé par Cesar9114 Voir le message
    ... pour une fois c'est firefox qui marche bien et IE qui ne comprend pas ce que je lui demande! ...


    C'est pourtant souvent le cas !
    Développeuse
    Merci d'expliquer aux autres la solution si vous la trouvez, par respect pour ceux qui prennent le temps de tenter de vous aider !

Discussions similaires

  1. getElementsById qui marche pas sur firefox
    Par bigs3232 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 24/09/2010, 16h50
  2. Script Fade In qui ne marche que sur IE
    Par TMattio dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/08/2010, 14h16
  3. Réponses: 10
    Dernier message: 17/01/2010, 20h58
  4. Réponses: 3
    Dernier message: 08/09/2003, 15h06
  5. Réponses: 9
    Dernier message: 07/05/2003, 12h57

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