Bouton submit inactif sans raison

Résolu
nath -  
Ika Pro Messages postés 161 Statut Membre -
Bonjour,

J'ai développé une page toute simple avec 2 boutons submit, et l'un comme l'autre sont inactifs, lorsqu'on clique dessus, ça sélectionne le texte...
J'ai tenté webkit-user-appearance: button, webkit-user-select: none, mais rien n'y fait...
C'est la dernière touche au développement du site, je dois lel ivrer demain soir, alors si quelqu'un pouvait m'aider, ça serait génial!!!
Merci d'avance!!

5 réponses

  1. astuces72 Messages postés 2146 Date d'inscription   Statut Membre Dernière intervention   1 669
     
    slt

    et ton code ?
    comment veux tu avoir une réponse sans rien du tout !
    0
  2. Ika Pro Messages postés 161 Statut Membre 4
     
    bien dis, c'est vrai que sans code, ont peux pas t'aider l'ami ;)
    0
  3. nath
     
    Je ne comprends pas, je l'ai ajouté hier soir, mais apparemment mon message n'a pas été enregistré..
    Le voici, mais je doute qu'il soit riche d'infos, d'autant qu'il est pris dans une page entière (vous voulez toute la page ?)

    <div id='content' role='main' class="quel-crado-etes-vous">
             <div id='stop'>
    <p>Vous avez déjà fait ce test avant de vous inscrire.</p> 
    Voulez-vous qu'on reprenne votre profil comme base de vote coaching, ou préférez-vous recommencer ?
    
     <form method="post" action="">
           <input class="boutgr" name='recup' value="Récupérez mon test" />
            <input class="boutgr" name='go' value="Je recommence" />
      </form>
    </div> <!-- #stop --->
    </div><!-- #content -->
    


    Pour info, il y a action="" parce qu'il y a un $PHP_SELF; qui n'affiche rien dans le code html.

    Et voici le style pour mes boutons:

    input
    {
      margin-top: 0px;
      margin-right: 5px;
      margin-bottom: 5px;
      margin-left: 0px;
    }
    
    .boutgr, .boutpet
    {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      height: 30px;
      text-align: center;
    }
    
    .boutgr
    {
      background-color: #7dc61e;
      border-top-width: 1px;
      border-right-width-value: 1px;
      border-bottom-width: 1px;
      border-left-width-value: 1px;
      border-top-style: solid;
      border-right-style-value: solid;
      border-bottom-style: solid;
      border-left-style-value: solid;
      border-top-color: #73aa1d;
      border-right-color-value: #73aa1d;
      border-bottom-color: #73aa1d;
      border-left-color-value: #73aa1d;
      border-image-source: none;
      border-image-slice: 100% 100% 100% 100%;
      border-image-width: 1 1 1 1;
      border-image-outset: 0 0 0 0;
      border-image-repeat: stretch stretch;
      color: #ffffff;
      font-size: 120%;
    }
    
    .boutgr:hover
    {
      background-color: #73aa1d;
      color: #ffffff;
    }
    
    input.boutgr
    {
      cursor: pointer;
    }
    


    Ce sont des boutons que j'utilise sans problème à plein d'autres endroits du site, mais là, ça ne veut rien entendre... :-(

    Merci d'avance! :-)
    0
  4. Ika Pro Messages postés 161 Statut Membre 4
     
    met :

    type=submit

    ici

    <form method="post" action="">
    <input class="boutgr" name='recup' value="Récupérez mon test" />
    <input class="boutgr" name='go' value="Je recommence" />
    </form>

    Pour tes 2 boutons.
    0
    1. nath
       
      Ah mais oui.... évidemment!! Je n'ai plus les yeux en face des trous après une centaine d'heures de dév... lol
      Merci beaucoup (oui, ça marche, bien sûr !!)
      0
    2. Ika Pro Messages postés 161 Statut Membre 4
       
      au plaisirs ;)
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. nath
     
    et, au cas où

    #stop form
    {
      text-align: center;
      position: absolute;
      top: 120px;
      width: 100%;
      z-index: 5000;
    }
    
    
    #stop
    {
      margin-top: 100px;
      margin-right: 0px;
      margin-bottom: 20px;
      margin-left: 0px;
      width: 100%;
      text-align: justify;
      font-size: 110%;
    }
    
    


    Je ne vois rien de particulier qui soit en rapport avec l'inactivité des boutons, vous si?
    0