Mettre un bouton dans une image

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre un bouton dans une image

Message par _backdraft_ le Jeu 24 Oct 2013 - 20:56

Bonsoir,

J'aimerais faire une image interactive, pas avec des liens mais avec des boutons.

Par exemple un bouton dans ce genre là :

Code:
<input type="submit" name="post" value="Envoyer" />
Qui serait placé dans une image, j'ai essayé quelques trucs mais sans succès...

Merci beaucoup
Backdraft


Dernière édition par _backdraft_ le Mer 30 Oct 2013 - 11:50, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton dans une image

Message par _backdraft_ le Dim 27 Oct 2013 - 23:50

UP

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre un bouton dans une image

Message par Scoubifitz le Lun 28 Oct 2013 - 7:55

bonjour,

en plaçant l'image en fond dans un cadre ...
La taille de l'image définit la taille du cadre .

Code:
<div style="width:650px;height:418px;background:url(http://i79.servimg.com/u/f79/11/06/28/73/csp_3510.jpg);text-align:center;"><input style="margin-top:100px;" type="submit" name="post" value="Envoyer" /></div>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton dans une image

Message par _backdraft_ le Mar 29 Oct 2013 - 1:23

Bonsoir,

Merci, serait il possible que le bouton soit invisible car j'aimerais mettre cette image :



et en faite j'aimerais que lorsqu'on appuis sur le chiffre 1 par exemple le bouton s'enclenche.

Merci d'avance
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton dans une image

Message par Scoubifitz le Mar 29 Oct 2013 - 3:48

Sans plus de précisions , je peux vous fournir ceci :

Code:
<div style="width:640px;height:372px;background:url(http://i56.servimg.com/u/f56/11/06/28/73/antara10.jpg);position:relative;margin:auto">
<div style="position:absolute;top:30px;left:440px"><input style="background:transparent;border:1px solid white;height:25px;width:40px" type="submit" name="post" value="" /></div>
</div>
pour enlever la bordure blanche de la case , mettez le "border" de l' "input" à 0px (zéro pixels)

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre un bouton dans une image

Message par _backdraft_ le Mer 30 Oct 2013 - 11:49

Merci c'est ce que je cherchais à faire, c'était pas si compliqué que ça finalement, je suis désolé de ne pas avoir trouvé tout seul :/

J'ai ajouté quelques effets comme le changement du pointeur au survole pour repérer le bouton malgré sont invisibilité

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum