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
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
A voir également:
- Superposition image
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Recherche par image - Guide
- Image iso - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
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
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...
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...
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
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">
<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">
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
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.....
On a posté en meme temps.....
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
13 mai 2008 à 16:06
Pour bien les positioner tu peux utiliser top et left dans l'attribut style.
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
13 mai 2008 à 16:09
Ok
Merci beaucoup car avec certain tuto je m'embarquai dans les css ...
ca roule nikel merci a toi
Merci beaucoup car avec certain tuto je m'embarquai dans les css ...
ca roule nikel merci a toi
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
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.
13 mai 2008 à 15:50
<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