28172 sujets

CSS et mise en forme, CSS3

[Résolu] Input avec before et after inactif au click (focus )

Bonjour à tous,

sur la homepage de ce site, en bas de page , j'ai un input pour s'inscrire à une newsletter et qui ne fonctionne pas à cause de la jolie animation au :hover que j'ai fait dessus.
J'ai fait la même chose sur les buttons ça fonctionne très bien mais là, nada ! rien, il ne se passes absolument rien.
J'ai réalisé moult tests pour trouver d'où cela pouvait venir et quand on retire momentanément la position: relative; appliquée pour faire le style au :hover , là ça fonctionne seulement je ne vois pas comment faire l'animation du input sans cela... ni comment contourner le problème.
Quelqu'un aurait-il une idée s'y ou plait ?
P.S : je sais que le code est un gros fourre-tout et que d'aucun l'ont fait remarqué un millier de fois mais je n'y peut rien : mon entreprise travaille avec un CMS , un composant CCK et un framework de templates... la soupe populaire quoi... mais bon...
Merci d'avance
En faite, le clic est "absorbé" par le <p class="acysubbuttons">
du coup soit changer le HTML directement (en css tu peux rien faire en tout cas pas à ma connaissance) soit "capté" le click sur le <p> et le transférer sur l'input enfant. ce qui est facile en jquery.
la potentielle solution en Jquery : 

$(".acysubbuttons").on("click",function(){
 $(this).find(".button").click();
});


ou 
jQuery(".acysubbuttons").on("click",function(){
 jQuery(this).find(".button").click();
});

en mode anonyme. j'ai testé, et ça fonctionne.
Meilleure solution
Sujet clos
Aller à