[CSS] bouton non cliquable

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rudddy, 16 Juillet 2009.

  1. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    Bonjour,

    suite à ce topic, mon problème d'affichage sur tous les navigateurs ciblés (IE >= 6 et FF) est résolu

    Le dernier souci est que le bouton valider (qui est un input submit avec un background image) n'est cliquable que sur ie6, mais pas sur ie7 ie8 et FF

    voici le css correspondant :

    Code:
    #champs-form form input.bouton_envoyer {
    background:transparent url(images/btn_valider.jpg) no-repeat scroll 0 0;
    border:medium none;
    cursor:pointer;
    height:18px;
    margin-left:95px;
    margin-top:3px;
    width:259px;
    z-index:6;
    }
    la page est : http://www.retraiteplus.fr/landingpage.php

    Merci à tout

    Yves

    EDIT : problème résolu en partie. le souci n'est "plus" que sur IE7, mais enfin c'est important car si le client ne valide pas la page ne me sert à rien !!!
     
  2. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    (fais gaffe, l'attribut title de ton bouton Valider affiche "recherche Google" ;) )
     
  3. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    je pige rien mon code ne comporte pas ces mots là ...

    1- quel navigateur es tu ?
    2- ça ne m'aide pas ...
     
  4. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    ? bizarre, j'avais l'infobulle qui apparaissait en survolant ton bouton valider, mais ce n'est plus le cas. un bug de mon firefox sans doute, désolé
     
  5. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    C'est un bug Firefox (le "title" d'un bouton n'en ayant pas reprend automatiquement celui du dernier bouton en ayant eu un et sur lequel on a cliqué)

    Pour ton problème : je ne l'ai pas sur FF 3.5...


    EDIT : résolu partiellement, j'avais pas lu

    PS : étrange, mon message est en gras ?
     
  6. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    ???
     
  7. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 971
    J'aime reçus:
    121
    Tu as essayé en utilisant un input de type image directement ?
     
  8. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    par exemple ?
     
  9. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 971
    J'aime reçus:
    121
    Bein...

    Code:
    <input name="valider" type="image" value="valider" src="images/btn_valider.jpg" />
    
    ?
     
  10. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0

    meme sur ff ca marche plus ...
     
  11. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    C'est l'image de ton hotesse, avec son casque, qui vient bouffer sur le bouton; sur Firefox, ou IE7, lorsqu'on place la souris sur le bord gauche de ton bouton Valider, il fonctionne.
    Edit: quand on augmente la valeur "top" de ta div#standardiste , on dégage le bouton et il "redevient" cliquable
     
  12. Babylon
    Babylon WRInaute discret
    Inscrit:
    18 Octobre 2006
    Messages:
    170
    J'aime reçus:
    0
    Chez moi ca marche sur IE8/7 , FF et chrome mais ton bouton n'est cliquable que dans la zone allant du bord du bouton jusqu'au V de valider ... :?
     
  13. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0

    j'avais vu ce souci, mais le z-index n'est pas censé le résoudre ?
     
  14. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    j'ai donc fait comme indiqué par nickargall, à savoir descendre la photo et c'est tout

    mais enfin ça me plait pas niveau graphisme donc je vais surement coupé l'image en 2 afin de ne pas avoir de souci

    merci à vous tous en tout cas

    (le mystère zindex reste entier...)
     
  15. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    Il faudrait alors, je pense, attribuer aussi un z-index de valeur inférieure à ta div #standardiste, non ? Pour qu'elle passe sous ton bouton
    genre le bouton a un z-index=2, et la div #standardiste un z-index=1
    ?

    A priori, ce que je te raconte a l'air de marcher, je viens de tester sous Firefox en remettant ta standardiste comme avant et en lui appliquant un z-index inférieur, et j'ai pu cliquer ton bouton.
     
  16. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    j'ai testé ça passe pas sous IE7 ...
     
  17. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    Bon ben là désolé ...
     
  18. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    ouai je sais je suis depuis 3 jours sur ce css de bon sang de bon soir
     
Chargement...
Similar Threads - [CSS] bouton cliquable Forum Date
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[CSS] Overflow, float:right, et internet explorer Développement d'un site Web ou d'une appli mobile 10 Août 2009
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] L'élément body Développement d'un site Web ou d'une appli mobile 21 Décembre 2008
[CSS] : menus déroulants Développement d'un site Web ou d'une appli mobile 15 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008
[CSS] (encore!) pas compatible FF Développement d'un site Web ou d'une appli mobile 30 Juin 2008
[RESOLU] [CSS] : rajouter une div Développement d'un site Web ou d'une appli mobile 26 Juin 2008