Bonjour,

Je cherche a positionner un div, mais j'ai un probleme...
En fait ce div sert à contenir une image (une croix) en haut a droite d'un autre div...
En gros ce que je développe est une gestion d'image...
En gros on peut ajouter une image, et par le biais de la croix en supprimer...

Mon div se place bien correctement, mais quand je scroll ma fenetre, la croix ne se déplace pas en même temps que le div conteneur...

Voici mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?
function liste_image_repertoire($chemin,$id_utilisateur)
{
   //nom du répertoire à lister
   $nom_repertoire = $chemin;

   //on ouvre un pointeur sur le repertoire
   $pointeur = opendir($nom_repertoire);

   //pour chaque fichier et dossier
   while ($fichier = readdir($pointeur))
   {
      //on ne traite pas les . et ..
      if(($fichier != '.') && ($fichier != '..'))
      {
         //si c'est un dossier, on le lit
         if (is_dir($nom_repertoire.'/'.$fichier))
         {
         }
         else
         {
            //c'est un fichier, on l'affiche
	    echo "<div id='$fichier' ondblclick='insertion_image(document.getElementById(\"id_div_focus_image\").value,\"$fichier\",\"$id_utilisateur\");'>
<div class=\"bt_sup_image\" onclick=\"suppression_image('$fichier','$id_utilisateur');\"></div>
<img class=loaded title='$fichier' src='resize_image.php?pic=$fichier&num=$id_utilisateur'></div>";
         }
      }
   }
   //fermeture du pointeur
   closedir($pointeur);
}
?>
La partie en rouge correspond à l'image de la croix qui permet la suppresion d'une image...

Le javascript
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
function suppression_image(nom_image,id_membre)
{
	//On supprime le div
	var div_image=document.getElementById(nom_image).parentNode;
	div_image.removeChild(document.getElementById(nom_image));
	//Appel en ajax pour supprimer l'image sur le serveur
	file('suppression_image.php','nom_image='+nom_image+'&id_membre='+id_membre);
	alert("L'image "+nom_image+" a bien été supprimée.");
}
Le css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
.bt_sup_image {
	margin-left: 110px !important;
	margin-top:-10px !important;
	background: url(doc/cursor_delete.gif) no-repeat !important;
	border: 0px !important;
	cursor: hand !important;
	opacity: 0.700 !important;
	width: 25px !important;
	height: 25px !important;
	position: absolute !important;
	display:block !important;
}