Bonjour,

Je suis débutant dans le développement web,

dans le cadre de la création d'un sujet d'études, les formateurs nous ont demandé de construire un mini-jeu pour nous apprendre les codes JS/CSS/HTML par nos propres moyens.

J'aimerais crée une carte interactive, j'ai pour cela crée différent bloc image (voir screen) qui auront tous une partie de cette carte. Je me demandais si en ajoutant des "id" dans certaines <div> (qui contiennent la balise <img> de la carte), je pourrais par la suite les mélanger pour varier l’expérience de jeu.

En vous remerciant si vous avez des solutions !

Bonne journée.
Modifié par Psyzo (14 Feb 2020 - 14:32)
Bonjour!

Alors j'aimerais déplacer une <div> vers la droite ou la gauche voici mon code

HTML:

1
2
3
<section class="bloc_image_album" onclick="decaleralbum('.bloc_image_album')">
<a href="" onclick="return false" >
<img src="Image/jaquette_album.jpg" alt="" width=100% height=100%/></a></section>
CSS:

1
2
3
4
5
6
7
8
9
.bloc_image_album
{
height: 300px;
width:300px;
box-shadow:6px 6px 6px black;
margin-top:80px;
margin-left:250px;

}
Javascript:

1
2
3
function decaleralbum(bloc){
$(bloc).animate({marginRight: "-=90px"},500);
}
Le problème c'est que la ma section ne se déplace pas vers la droite si je met marginLeft non plus ou marginBottom par contre avec marginTop ça marche comment je peux faire? Merci Smiley smile
Sarkari Result Pnr Status 192.168.1.1
Modifié par fakelik (15 Mar 2020 - 08:08)