27142 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,
en fait, j'aimerais positionner une petite image sur une plus grande.
J'arrive à positionner l'image mais quand je redimensionne la fenêtre, la petite image bouge et ne reste donc pas à la même place dans la grande image.
Voici mon code sur codepen :
https://codepen.io/joseph5/pen/pojYvKw
Que dois-je faire en CSS afin que la petite image reste toujours positionnée au même endroit dans la grande image quand je redimensionne la fenêtre ?
Merci d'avance
Bonne soirée,
Thierry
NON NON ne fait jamais ce type de positionnement,
Laisse ton PHP faire une image virtuelle avec les deux images la deuxième étant incorporée au bon endroit tu peux changer ta taille d'écran, c'est toujours pile-poil !!
Le principe est simple une image virtuelle pourtant en clic droit nous pouvons l'enregistrer en le renommant .jpg
dans la balise image nous appelons src="wblog_tableau_photo.php" que voici :

 
<?php 
header ("Content-type: image/jpeg"); 
$un_tableau = imagecreatefromjpeg("logos/tableau001.jpg"); 
$nxtableau = imagesx($un_tableau);$nytableau = imagesy($un_tableau);
$Photo = imagecreatefromjpeg("logos/tableau_interrieur001.jpg");
$nxPhoto = imagesx($Photo);$nyPhoto = imagesy($Photo);
$placeX = 559;$placeY =220;
imagecopymerge($Photo, $un_tableau, $placeX, $placeY, 0, 0, $nxtableau, $nytableau, 100);
imagejpeg($Photo);
?>

par exemple tu peut dans un décor mettre un tableau / Ou inversement changer le décor comme ICI
http://www.fox-infographie.com/wblog_tableau_photo_en_place2.php
Ah oui c'est la deuxiéme solution, j'ai même fait une photo de famille avec lorsque la souris viens sur un visage le nom qui s’affiche et responsive .... Smiley cligne