Perte d'interactivité sur un bouton en lui appliquant une classe CSS

Perte d'interactivité sur un bouton en lui appliquant une classe CSS - HTML/CSS - Programmation

Marsh Posté le 16-06-2008 à 17:25:01    

Bonjour à tous,
 
Voila j'ai un petit soucis: Dans mon html j'ai un formulaire avec un bouton de validaton OK.
 
j'ai voulu personaliser mon bouton en lui appliquant une classe mais le probleme c'est que étrangement si une classe lui est appliqué je perd l'éffet de réaction quand on appuye (le bouton ne réagit pas a la pression (avec le texte qui bouge un peu etc). Vous avez une idée de ce que je devrais faire pour pouvoir a la fois le personaliser et a la fois ne pas perdre l'interactivité du bouton ?  
 
merci d'avance

Reply

Marsh Posté le 16-06-2008 à 17:25:01   

Reply

Marsh Posté le 16-06-2008 à 18:44:32    

Est ce que tu peux mettre un peu de ton code stp?

Reply

Marsh Posté le 16-06-2008 à 18:52:42    

le html ->
 
<form id="newsletter_FORM">
      <input type=text name="prenom" class="text_input" value="prénom">
      <br />
      <input type=text name="email" class="text_input" value="email">
      <br />
      <input type=button name="OK" value="OK" class="newsletter_button">
     </form>
 
 
-> la classe CSS
 
.newsletter_button {
float:right;
ont-size:10px;
margin:0px 19px 0 0;
background-color:#343434;
border:1px solid #999999;
text-align:center;
color:red;
width:35px;
}
   


Message édité par di0x le 16-06-2008 à 18:54:15
Reply

Marsh Posté le 16-06-2008 à 18:56:51    

meme ie6 ne plante pas sur ce genre de trucs :/
tu as testé sur quels navigateurs ?
le bug se reproduit sur tous?
 
j ai plutot l impression que t as un script qui interagit avec ton formulaire et qui le fait planter


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 16-06-2008 à 21:39:13    

Bah, c'est tout à fait normal comme comportement. Si tu changes complètement le look d'un bouton, le navigateur ne peux pas deviner comme reproduire les états "activé"/"focus",.... À toi de le faire via les pseudo règle CSS :active, :focus (j'ai le présentiment que IE ne va pas aimer).
 
Edit: je confirme, ça marche pas sous IE7.


Message édité par tpierron le 16-06-2008 à 21:42:03
Reply

Marsh Posté le 16-06-2008 à 21:44:37    

ie6 ne comprend les pseudo classes que sur <a> et seulement certaines
pas contre tu te gourres completement sur le comportement que tu supposes


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 16-06-2008 à 21:58:15    

mIRROR a écrit :

pas contre tu te gourres completement sur le comportement que tu supposes


 :heink: Tu parles de quoi, à qui ?

Reply

Marsh Posté le 16-06-2008 à 21:59:51    

tpierron a écrit :


 :heink: Tu parles de quoi, à qui ?


je te parle
il n y a aucune raison que la css influe sur le comportement correct d un element [:spamafote]

 

edit:
j entends par "comportement correct" la reception d un evenement


Message édité par mIRROR le 16-06-2008 à 22:00:50

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 16-06-2008 à 22:19:30    

[:god] Ha, ha, j'avais pas mal lu cette partie :
 

Citation :

le bouton ne réagit pas a la pression


 
Edit: bah non, ça marche chez moi. Sous IE, FF, Opera et Safari (le "onclick" du moins est bien appelé, même avec un bouton complètement refait). À mon avis c'était juste un problème visuel, si di0x pouvait nous confirmer ...


Message édité par tpierron le 16-06-2008 à 22:28:43
Reply

Marsh Posté le 16-06-2008 à 23:13:53    

en effet si tu rates l essentiel c est tendu :o


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed