Superposition image

Fermé
flibouk Messages postés 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 - 13 mai 2008 à 15:35
JR des cavernes Messages postés 152 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 19 mai 2009 - 13 mai 2008 à 16:20
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....

6 réponses

JR des cavernes Messages postés 152 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 19 mai 2009 84
13 mai 2008 à 15:45
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 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
13 mai 2008 à 15:50
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 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
13 mai 2008 à 16:02
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 152 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 19 mai 2009 84
13 mai 2008 à 16:03
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 152 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 19 mai 2009 84
13 mai 2008 à 16:06
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 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
13 mai 2008 à 16:09
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 152 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 19 mai 2009 84
13 mai 2008 à 16:20
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