Afficher une image hors du cadre d'une forme

c'est comme si l'absolu etait par rapport au cadre du formulaire je ne comprends pas pourquoi
en général parce que le container est en relatif…

peux-tu nous montrer le code servi, stp ?

<span style="position:absolute;left:350px;top:15px; " > <h1>Introduire un nouvel artiste</h1>
</span>
<span style="position:absolute;left:800px;top:25px; " > base: hadad  table:artistes
<?php echo '<font color="">'.' '.date("d").' '.date("m").' '.date("Y");?>
</span>
<fieldset>
<span style="position:absolute;left:250px;top:55px; " >
<form method="post" name = "inscription" onsubmit=" signin(this.nomd.value,this.prenomd.value,this.style.value,this.origine.value,this.groupes.value,this.particularites.value,this.site.value,this.code.value,'artistes');return false;" >
<div id="msg">
</div>
<table width="900" border="2" cellspacing="3" align="left">
<tr>
<td >
<div style="position:relative;left:10px;top:0px; ">
<label class="alignleft" for="nomd"> <strong>Nom de l'artiste:</strong>
</label> 
<input name="nomd" id="nomd" size="30" maxlength="30" >
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; " >
<label class="alignleft" for="prenomd"> <strong>Prenom:</strong>
</label> 
<input name="prenomd" id="prenomd" size="30" maxlength="30" >
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; " >
<label class="alignLeft" for="style"> <strong>Style:</strong>
</label> 
<input name="style" id="style" size="30" maxlength="30">
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; ">
<label class="alignLeft" for="origine"> <strong>Origine:</strong>
</label> 
<input name="origine" id="origine" size="30" maxlength="30" >
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; ">
<label class="alignLeft" for="particularites"> <strong> Particularités:</strong>
</label> 
<textarea name="particularites" rows="8" cols="60">
Votre message ici.
</textarea>
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; ">
<label class="alignLeft" for="groupes"> <strong>groupes:</strong>
</label> 
<textarea name="groupes" id="groupes" rows="8" cols="70">
Votre message ici.
</textarea>
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; " >
<label class="alignLeft" for="site"> <strong>Site Web:</strong>
</label>
<input name="site" id="site" size="50" maxlength="50" >
</div></td>
</tr>
<tr>
<td >
<div style="position:relative;left:10px;top:0px; " >
<label class="alignLeft" for="code"> <strong>Code(o=lettre 0=chiffre):</strong>
</label>   
<img src="image_code.php" alt="" >
<input name="code" id="code" size="5" maxlength="4">
</div></td>
</tr>
<tr>
<td colspan="2">
<div class="alignRight">
<input name="envoyer" type="submit" value="Valider" >
</div></td>
<td colspan="2">
<div class="alignRight">
<input name="annuler" type="submit" value="Annuler" onclick="javascript:history.go(-2);">
</div></td>
</tr>
</table>
</form>
</fieldset>
</span> <span style="position:absolute;left:430px;top:540px; ">
<form method="post" name = "inscription" action="admin_art.php">
<tr>
<td colspan="2">
<div class="alignRight">
<input name="efface" type="submit" value="On efface et on recommence..." ;>
</div> </td>
</tr>
</form> </span>
<span style="position: absolute; left:00px; top:200px;">
<form method="post" ENCTYPE="multipart/form-data" ><TABLE BORDER="1">
<input type=hidden name=MAX_FILE_SIZE VALUE=5000000>
<input type=file name="userfile" value="'.$_SESSION['photo'].'" maxlength="150"><br>
<input type="submit" name="validimg" value="VALIDER L'IMAGE jpg" >
</table></form></span>
<?php
if(isset($_POST['validimg'])|| isset($_POST['envoyer'])){
$userfile_name='';
$uploaddir='./uploads/';
$uploadfile=$uploaddir.$_FILES['userfile']['name'];/*basename($_FILES['userfile']['name'])*///;echo 'chargement de:'.$uploadfile;
$MAX_SIZE = 9000000 ; // taille maximum (en octets) des fichiers à télécharger
clearstatcache() ;
if(strlen($_FILES['userfile']['name']) && file_exists($_FILES['userfile']) && stristr($_FILES['userfile']['name'], ".php") == "") {
if(!copy($_FILES['userfile'], $userfile_name))
echo "<script language='javascript'>alert('une erreur s'est produite pendant le téléchargement.');</script>";
/* if(!file_exists($_FILES['userfile']))
unlink($_FILES['userfile']);*/
}
//echo '<pre>';
if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile))
{
// echo '</pre>'; //mysql_free_result($ReqLog );
$_SESSION['photo_nom']=$_FILES['userfile']['name'];$_SESSION['photo'] = $uploadfile;$_SESSION['chargee']='True';
echo '<span style="position: absolute; left:0px; top:0px;">';
if(file_exists($_SESSION['photo'])){ echo '<img src="image.php" width="200" height="200" alt="";';}
else {$_SESSION['photo']="new.jpg";echo '<img src="image.php" alt="">';}
echo '</span>';
echo '<span style="position: absolute; left:00px; top:250px;">'.'photo chargee: '.$_SESSION['photo'].'</span>';

} else {
echo "photo non chargee";
}
//print_r($_FILES);

$_POST['validimg']='';
//echo $_SESSION['photo'];
}
?>

pfff…
fais suer, va falloir que je regarde !
-:oD

c'est sûr que ce n'est pas le problème principal.
ce n'est pas parce que tu l'as déjà fait que c'est correct.
<span> est en ligne et <h1> est une boite donc on peut mettre le premier dans le second mais pas l'inverse.
si tu ne me crois pas je te renvoie à la spécification du W3C mais tu es peut être meilleur qu'eux aussi !
-:oD

De manière générale, les éléments de bloc peuvent contenir des éléments en-ligne et d'autres éléments de bloc. Et de manière générale, les éléments en-ligne ne peuvent contenir que des données et d'autres éléments en-ligne. L'idée inhérente à cette distinction structurelle, c'est que les éléments de bloc créent des structures « plus grandes » que les éléments en-ligne.

source

en accumulant les approximations techniques on finit avec des mises en page foireuses et là tu auras du mal à me contredire.

donc tu veux qu'on t'aide ou tu joues à celui qui aura le dernier mot ?

Tu as raison j'ai corrige