Superposition image

flibouk Messages postés 102 Statut Membre -  
JR des cavernes Messages postés 166 Statut Membre -
Bonjour,

Je suis en train de créer un site, il a bien avancé cependant j'ai un problème et je sais pas si c'est jouable.
http://avl.izitux.com pour voir la page

Mon but est d'insérer sous le boutton accueil une image webcam donc je peut pas faire de montage photo il faut faire une superposition d'image.

la photo de webcam s'actualise toute les secondes et fait 238*196P

Est-ce possible ? et si oui comment ?

Merci par avance et si quelqu'un souhaite meme refaire mon code pas de problème je suis preneur....
A voir également:

6 réponses

JR des cavernes Messages postés 166 Statut Membre 84
 
Pour la superposition d'image en html on peut utiliser z-index. L'image qui a le z'index le plus élevé est au dessus des autres.
Je ne sais pas si je m'explique correctement...

<img src="b.jpg" style="position:absolute;z-index:1;">
<img src="fr.jpg" style="position:absolute;z-index:2;">

L'image fr.jpg sera sur l'image b.jpg...
0
flibouk Messages postés 102 Statut Membre 11
 
j'ai essayé mais l'image se met en dessous de l'autre et non pas sur l'autre

<div id="obj_26" style="position: absolute; left: 0px; top: 249px; width: 258px; height: 453px; z-index: 37;">
<img src="image_003.jpg" alt="" name="gacuhe" width="258" height="453" border="0" usemap="#gacuheMap" id="gacuhe"z-index:1>
<img src="kabcam.jpg" alt="" name="gacuhe" width="238" height="196" border="0" usemap="#gacuheMap" id="gacuhe"z-index:2>
<map name="gacuheMap">


je veux que kabcam et mette sur image_003

mais merci quand meme
0
flibouk Messages postés 102 Statut Membre 11
 
Ok j'ai réussi mais encore un petit problème comment bien possitioner l'image ?

<div id="obj_26" style="position: absolute; left: 0px; top: 249px; width: 258px; height: 453px; z-index: 37;">
<img src="image_003.jpg" name="gacuhe" usemap="#gacuheMap" id="gacuhe" border="0" height="453" width="258" style="position:absolute;z-index:1;">
<img src="kabcam.jpg" name="gacuhe" usemap="#gacuheMap" id="gacuhe" border="1" height="196" width="238" style="position:absolute;z-index:2;">
<map name="gacuheMap">
0
JR des cavernes Messages postés 166 Statut Membre 84
 
As tu bien mis style="position:absolute;z-index:2;" dans tes balises img ?

On a posté en meme temps.....
0
JR des cavernes Messages postés 166 Statut Membre 84
 
Pour bien les positioner tu peux utiliser top et left dans l'attribut style.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
flibouk Messages postés 102 Statut Membre 11
 
Ok
Merci beaucoup car avec certain tuto je m'embarquai dans les css ...
ca roule nikel merci a toi
0
JR des cavernes Messages postés 166 Statut Membre 84
 
De rien mais sache que la balise style permet d'appliquer des proporiétés css à une balise ^^. C'est donc du css. Mais c'est plus propre de le faire avec une feuille de style.
0