JSFiddle - React, Tailwind, and code Playground

by malamine_kebe

HTML

<?PHP
include("Image.class.php");
include("Membres.class.php");
include("connexion_bd.php");
$reponse = $bdd->query('SELECT id_photo FROM image WHERE image = "images_membres/' . $_GET['image'] . '"')->fetch();
$image = new Image($reponse['id_photo']);
echo '<div id=\'interieur\'><img src= \'../test/images_membres/' . $_GET['image'] . '.jpg\' id=\'imageGrand\'></div>
<div id=\'commentaire\'>' . $image->getCommentaire() . '</div>';
?>

CSS

#interieur{
 	background-color:white;
	position: absolute;
	left:50%;
	padding:15px;
	z-index:3;
	border-radius: 7px;
	box-shadow: 6px 6px 20px black;

JavaScript

<script src="jquery.js"></script>
<script>
$('#interieur').css('margin-left',-$('#imageGrand').width()/2);
</script>