En fait la div parente de ton image de fond, il faut qu’elle fasse exactement la taille de ton image de fond et que tu la mettes en position: relative. Et ensuite dans cette zone tu mets toutes tes images. Au final tu devrais avoir ça :
body {
margin: 0; // pour virer tes marges qui te gênent pour ton calcul du 100%
}
.parent { // div parente de ton image
position: relative;
display: inline-block;
}
Tu peux virer le reste, à part tes tailles sur les images positionnées (j’ai verif toutes tes images elles sont ok).
Et ensuite il faut juste que tu rajoutes une width & height sur chacune de tes images pour qu’elle ne continuent pas de grossir si jamais ton zoom est limité par ton viewport. Donc pareil en pourcentage comme la position.
Hello !
je teste … mais ça ne semble fonctionner ( mon image de puzzle reste à la même taille alors que l’image de fond réduit elle …
y’a un truc que j’ai du louer quelque part …
Edit : en effet je n’avais pas mis la taille en % de l’image du puzzle
super merci !
Alors attention parce que tout ça c’est rigolo mais ça ressemblera à quoi sur smartphone ? Parce que le mobile c’est super important pour plein de gens et surtout pour Google (qui référence tout simplement plus les sites non mobile 1st.)
De toute façon internet ca n’a aucun avenir
Drôle de client.
Pas grave tu lui factureras la v2 smartphone compatible dans 6 mois quand elle aura compris.