Div pour remplacer un button submit

Résolu/Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 10 août 2012 à 19:43
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 21 août 2012 à 17:47
Bonjour,

J'ai refait faire le design de mon site et les button submit ont été remplacer par des div avec des icon et du text... graphiquement, cela est beaucoup plus beau.

Cependant, comment est-ce qu'on gère le click du bouton(div)....
J'ai vu qu'il y a
<div class="btn btn-blue validate['submit']">.... mais le validate["submit"]... ou il est...? comment est-ce qu'on s'en sert!!

Car avant, avec un bouton standard, je vais un vérification en JS puis après si tout est ok je avec ce genre de bouton.... comment fait ton!!!



Est-ce que quelqu'un peu m'aider?

MErci beaucoup

Pascal

4 réponses

sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 21
11 août 2012 à 01:05
bah tu peux faire une div avec une image et lui mettre un bouton transparent dessus.
Genre, si ton image faire 100px * 35px, tu lui cale un input "button" au dessus.
Pour le mettre au dessus tu mets un position absolute sur la div et le input, et tu joues avec les z-index.
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
11 août 2012 à 02:27
bonjour!!
Merci pour ta réponse : peut-on mettre un bouton transparent...?

MErci beaucoup!
0
maka54 Messages postés 699 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
11 août 2012 à 10:31
tu peux personnaliser directement ton bouton submit avec ton icon
0
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 21
Modifié par sebooch le 11/08/2012 à 11:25
exact !

<button type="submit" name="test" style="(taille de ton image)"><img src="(adresse de ton image)" style="(taille de ton image)" alt="Envoyer" /></button>
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
21 août 2012 à 17:47
MErci ça a fonctionné!

Merci a tous!!

Pascal
0