Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1095 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Superposition d'image et fond cliquable

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Superposition d'image et fond cliquable

n°1745472
polo7
Posté le 12-06-2008 à 14:41:45  profilanswer
 

Bonjour à tous,
J'affiche une image qui est cliquable pour renvoyer les coordonnées de l'endroit ou  on  clique et je superpose une image, mais la partie à droite de cette image n'est pas cliquable, pourquoi ?

Code :
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <form method="POST" action="index.php">
  6. <input type="image" border="0" src="photo_base.jpg">
  7. <div id="test" style="position: relative; top: -250px; left: 150px;">
  8. <img border="0" src="photo_over.png">
  9. </div>
  10. </form>

mood
Publicité
Posté le 12-06-2008 à 14:41:45  profilanswer
 

n°1745488
polo7
Posté le 12-06-2008 à 14:54:02  profilanswer
 

entre temps, qqes test me montrent qu'en mettant position: absolute c'est  OK, mais pas avec position: relative
Mais pourquoi donc ?

n°1745489
polo7
Posté le 12-06-2008 à 14:54:59  profilanswer
 

PB sur firefox mais pas sur IE

n°1746369
polo7
Posté le 14-06-2008 à 11:22:37  profilanswer
 

personne n'a jamais eu ce PB ?

n°1746737
akalaan
Posté le 15-06-2008 à 13:49:34  profilanswer
 

salut,
 
et si tu essayais avec du css  
avec z-index par exemple ?

n°1746796
mIRROR
Chevreuillobolchévik
Posté le 15-06-2008 à 20:19:53  profilanswer
 

peut etre parce que c ets ton input qui est cliquable et que ton image depasse ?


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1746812
polo7
Posté le 15-06-2008 à 21:32:06  profilanswer
 

salut,
avec z-index, ça ne change rien, quand je met -1, l'image qui est dessus disparaît et la zone de droite devient cliquable, mais pas sur toute la hauteur.
Mais je veux que cette imagette soit dessus.
L'imagette ne dépasse pas !
Je ne vois vraiment pas.

n°1746841
mIRROR
Chevreuillobolchévik
Posté le 15-06-2008 à 23:29:11  profilanswer
 

ca veut rien dire z-index=-1
le plus petit index vaut zero et c est la valeur par defaut
 
bon je viens de regarder ton code et je me rends compte que... je comprends pas ce que tu veux faire mais en tout cas tu le fais mal
 
les input image c est juste le petit nom qu on a donné à la barque qui traverse le styx
 
donc explique ce que tu veux faire vraiment et on verra comment proceder au lieu de bricoler


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1746873
polo7
Posté le 16-06-2008 à 08:57:13  profilanswer
 

salut,
merci de ton aide.
1) J'affiche une image et quand je clique, ça renvoye les coordonnées de l'endroit cliqué
2) cette même image s'affiche avec une imagette par dessus et celle du dessous reste cliquable
 
Le problème est que quand j'affiche les 2 images superposées, juste à droite de celle de dessus, ce n'est pas cliquable, alors que normalement ça devrait être cliquable tout autour.
 
A+

n°1747030
gatsu35
Blablaté par Harko
Posté le 16-06-2008 à 13:16:26  profilanswer
 

mIRROR a écrit :

ca veut rien dire z-index=-1
le plus petit index vaut zero et c est la valeur par defaut
 
bon je viens de regarder ton code et je me rends compte que... je comprends pas ce que tu veux faire mais en tout cas tu le fais mal
 
les input image c est juste le petit nom qu on a donné à la barque qui traverse le styx
 
donc explique ce que tu veux faire vraiment et on verra comment proceder au lieu de bricoler


sisi ca marche, seulement dans certains cas  [:kbchris]

mood
Publicité
Posté le 16-06-2008 à 13:16:26  profilanswer
 

n°1747041
mIRROR
Chevreuillobolchévik
Posté le 16-06-2008 à 13:34:17  profilanswer
 

gatsu35 a écrit :


sisi ca marche, seulement dans certains cas  [:kbchris]


 
désolé j ai pas ta patience :o
 

polo7 a écrit :

salut,
merci de ton aide.
1) J'affiche une image et quand je clique, ça renvoye les coordonnées de l'endroit cliqué
2) cette même image s'affiche avec une imagette par dessus et celle du dessous reste cliquable
 
Le problème est que quand j'affiche les 2 images superposées, juste à droite de celle de dessus, ce n'est pas cliquable, alors que normalement ça devrait être cliquable tout autour.
 
A+


la tu me dis que des trucs que je sais deja
tu veux recuperer les coordonnees pour en faire quoi?
l imagette est cliquable aussi?
les details quoi


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1747299
polo7
Posté le 16-06-2008 à 23:24:47  profilanswer
 

ok, désolé:
j'utilise ces coordonnées pour afficher l'imagette à l'endroit cliqué.
cette imagette est cliquable et l'image derrière aussi, de manière à pourvoir ajouter d'autres imagettes.
 
Merci A+

n°1747343
mIRROR
Chevreuillobolchévik
Posté le 17-06-2008 à 07:14:41  profilanswer
 

ok donc toi meme n en a pas vraiment besoin (comprendre: tu vas pas le stocker dans un DB ou que ton serveur ne va pas servir une image specifique aux coordonnees)
c etait bien ce qui me semblait mais j etais pas sur
 
donc tu te debarrasses de ton form et de cet input inutiles (voire chiants meme)
tu mets juste ton image et tu fais ton traitement par javascript


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1747580
polo7
Posté le 17-06-2008 à 14:09:06  profilanswer
 

si, je vais stocker les coordonnées dans une BDD et les récupérer pour afficher une image correspondant à ces coordonnées, donc plusieurs imagettes s'afficheront par dessus la grande.

n°1748240
mIRROR
Chevreuillobolchévik
Posté le 18-06-2008 à 15:34:52  profilanswer
 

et si on clique sur une vignette tu veux aussi ces coordonnées ?
 
en tout cas ca risque d etre compliqué et il faudra deployer l artillerie lourde (ajax et tout le toutim pour acceder a ta BD, simulation du input...)


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1748634
polo7
Posté le 18-06-2008 à 23:37:12  profilanswer
 

non, la vignette envoye sur un lien spécifique à cette vignette.
Ajax, je ne pense pas car je récupère avec PHP/MySQL et je met les coordonnées, ça fonctionne, mon seul PB est que Firefox n'affiche plus le lien juste à droite de l'imagette, alors que IE l'affiche !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Superposition d'image et fond cliquable

 

Sujets relatifs
Redimensionner une image pour reso inferieurimpossible de trouver le problème : affichage d'image
comment enregistrer une image une fois redimensionnéeTraitement d'image en C++
Proteger un fomulaire d'upload d'image?[PHP] Découper une image
loadMovie pour une image qui marche pas en ligneafficher une image en passant sur une autre image
Applet/Flash pour scroller une image[Résolu] Mise à jour d'un JLabel contenant une image
Plus de sujets relatifs à : Superposition d'image et fond cliquable


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR