Problème positionnement div/css sur site php

Fermé
Judes-Emile Bornes IV Messages postés 123 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 23 février 2010 - 8 juil. 2009 à 20:10
Judes-Emile Bornes IV Messages postés 123 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 23 février 2010 - 9 juil. 2009 à 11:46
Bonjour,
Je rencontre un problème vraiment bizarre,
J'ai fait une interface de gestion de contenu editorial pour un magazine de danse,
et sur la page qui montre les formulaires d'entrée de contenu,
j'ai du php encapsulé entre un div qui ouvre le fond de la page et un /div qui le ferme.
j'ai aussi en bas un div et un /div avec entre les deux les mentions légales du site (bientôt) et en attendant la mention "réalisation 2009 - www.laplumesurlatoile.com"

le problème est le suivant: sur les 5 premiers modèles de mise en page no prob.
sur le sixième bizarrement, mon div de bas de page apparait en haut de la page, et décalé sur la droite.
pourtant il est en position relative et marge haute égale à 0.
(le div de fond étant en position relative lui aussi, margin-top de 0 et hauteur en mode auto.)

voici mon code xhtml-java-php dsl c'est long:
c'est sur le case 6 en bas que le code de la 6e mise en page apparait.
merci pour ceux qui prendront le temps de regarder cela je dois rendre le travail urgemment. 
<?php
session_start();
$NUMEROPAGE=$_POST['numeropage'];
$PUBLIC=$_POST['public'];
$MISEENPAGE=$_POST['miseenpage'];
$taille_ko = 8192;
$taille_max = $taille_ko*1024;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/vcod.css" />
<!--[if IE]>
    <link href="css/vcod_IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="images/VCOD.ico" rel="shortcut icon" type="image/gif" />
<title>Voyez comme on danse</title>
<script type="text/javascript" charset="utf-8">
function CheckForm(formname)
{
		if (document.modele1form) 
		{
			if ((document.modele1form.elements['texte'].value == '') || (document.modele1form.elements['texte'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele1form.elements['texte'].focus();
				return false;
			}
		}
		if (document.modele2form) 
		{
			if ((document.modele2form.elements['texte'].value == '') || (document.modele2form.elements['texte'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele2form.elements['texte'].focus();
				return false;
			}
		}
		if (document.modele3form) 
		{
			if ((document.modele3form.elements['texte'].value == '') || (document.modele3form.elements['texte'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele3form.elements['texte'].focus();
				return false;
			}
		}
		if (document.modele4form) 
		{
			if ((document.modele4form.elements['texte'].value == '') || (document.modele4form.elements['texte'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele4form.elements['texte'].focus();
				return false;
			}
		}
		if (document.modele5form) 
		{
			if ((document.modele5form.elements['texte'].value == '') || (document.modele5form.elements['texte'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele5form.elements['texte'].focus();
				return false;
			}
		}
		if (document.modele6form) 
		{
			if ((document.modele6form.elements['texte1'].value == '') || (document.modele5form.elements['texte1'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele6form.elements['texte1'].focus();
				return false;
			}
			if ((document.modele6form.elements['texte2'].value == '') || (document.modele5form.elements['texte2'].value == '				'))
			{
				alert('Veuillez saisir le texte...');
				document.modele6form.elements['texte2'].focus();
				return false;
			}
		}
}
// Shows the help messages in the helpline window
		// Helpline messages
	b_help = "Texte gras: [b]texte/b (alt+b (PC) control+b (MAC))";
	i_help = "Texte italique: [i]texte/i (alt+i (PC) control+i (MAC))";
	u_help = "Texte souligné: [u]texte/u (alt+u (PC) control+u (MAC))";
	l_help = "Justifier à gauche: [left]texte/left (alt+l (PC) control+l (MAC))";
	c_help = "Centrer: [center]texte/center (alt+c (PC) control+c (MAC))";
	r_help = "Justifier à droite: [right]texte/right (alt+r (PC) control+r (MAC))";
	s1_help = "Texte taille 1: [s1]texte/s1 (alt+1 (PC) control+1 (MAC))";
	s2_help = "Texte taille 2: [s2]texte/s2 (alt+2 (PC) control+2 (MAC))";
	s3_help = "Texte taille 3: [s3]texte/s3 (alt+3 (PC) control+3 (MAC))";
	h_help = "Lien: [url]texte/url (alt+h (PC) control+h (MAC))";
// Shows the help messages in the helpline window
	function helpline(helpbox, help) {
		document.getElementById(helpbox).innerHTML=eval(help + '_help');
		//eval ('document.forms[formname].'+helpbox+'.value = '+help+'_help');
	}
	function helplinebis(helpboxbis, help) {
		document.getElementById(helpboxbis).innerHTML=eval(help + '_help');
		//eval ('document.forms[formname].'+helpboxbis+'.value = '+help+'_help');
	}
var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
var regexp = new RegExp("[\r]","gi");

function storeCaret(selec)
{
	if (isMozilla) 
	{
	// Si on est sur Mozilla
if (document.modele1form) {
		oField = document.modele1form.elements['texte'];
}
else if (document.modele2form) {
		oField = document.modele2form.elements['texte'];
}
else if (document.modele3form) {
		oField = document.modele3form.elements['texte'];
}
else if (document.modele4form) {
		oField = document.modele4form.elements['texte'];
}
else if (document.modele5form) {
		oField = document.modele5form.elements['texte'];
}
else if (document.modele6form) {
		oField = document.modele6form.elements['texte1'];
}
		objectValue = oField.value;

		deb = oField.selectionStart;
		fin = oField.selectionEnd;

		objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
		objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
		objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );

	//	alert("Debut:'"+objectValueDeb+"' ("+deb+")\nFin:'"+objectValueFin+"' ("+fin+")\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+")");
			
		oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "+ selec + "" + objectValueFin;
		oField.selectionStart = strlen(objectValueDeb);
		oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "+ selec + "");
		oField.focus();
		oField.setSelectionRange(
			objectValueDeb.length + selec.length + 2,
			objectValueDeb.length + selec.length + 2);
	}
	else
	{
	// Si on est sur IE
		if (document.forms['modele1form']) {
		oField = document.forms['modele1form'].elements['texte'];
}
		else if (document.forms['modele2form']) {
		oField = document.forms['modele2form'].elements['texte'];
}
		else if (document.forms['modele3form']) {
		oField = document.forms['modele3form'].elements['texte'];
}
		else if (document.forms['modele4form']) {
		oField = document.forms['modele4form'].elements['texte'];
}
		else if (document.forms['modele5form']) {
		oField = document.forms['modele5form'].elements['texte'];
}
		else if (document.forms['modele6form']) {
		oField = document.forms['modele6form'].elements['texte1'];
}
		var str = document.selection.createRange().text;

		if (str.length>0)
		{
		// Si on a selectionné du texte
			var sel = document.selection.createRange();
			sel.text = "[" + selec + "]" + str + "+ selec + "";
			sel.collapse();
			sel.select();
		}
		else
		{
			oField.focus(oField.caretPos);
		//	alert(oField.caretPos+"\n"+oField.value.length+"\n")
			oField.focus(oField.value.length);
			oField.caretPos = document.selection.createRange().duplicate();
			
			var bidon = "%~%";
			var orig = oField.value;
			oField.caretPos.text = bidon;
			var i = oField.value.search(bidon);
			oField.value = orig.substr(0,i) + "[" + selec + "]+ selec + "" + orig.substr(i, oField.value.length);
			var r = 0;
			for(n = 0; n < i; n++)
			{if(regexp.test(oField.value.substr(n,2)) == true){r++;}};
			pos = i + 2 + selec.length - r;
			//placer(document.forms['news'].elements['newst'], pos);
			var r = oField.createTextRange();
			r.moveStart('character', pos);
			r.collapse();
			r.select();

		}
	}
}
function storeCaretbis(selec)
{
	if (isMozilla) 
	{
	// Si on est sur Mozilla
		oFieldbis = document.modele6form.elements['texte2'];
		objectValue = oFieldbis.value;

		debbis = oFieldbis.selectionStart;
		finbis = oFieldbis.selectionEnd;

		objectValueDebbis = objectValue.substring( 0 , oFieldbis.selectionStart );
		objectValueFinbis = objectValue.substring( oFieldbis.selectionEnd , oField.textLength );
		objectSelectedbis = objectValue.substring( oFieldbis.selectionStart ,oField.selectionEnd );

	//	alert("Debut:'"+objectValueDeb+"' ("+deb+")\nFin:'"+objectValueFin+"' ("+fin+")\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+")");
			
		oFieldbis.value = objectValueDebbis + "[" + selec + "]" + objectSelectedbis + "+ selec + "" + objectValueFinbis;
		oFieldbis.selectionStartbis = strlen(objectValueDebbis);
		oFieldbis.selectionEndbis = strlen(objectValueDebbis + "[" + selec + "]" + objectSelectedbis + "+ selec + "");
		oFieldbis.focus();
		oFieldbis.setSelectionRange(
			objectValueDebbis.length + selec.length + 2,
			objectValueDebbis.length + selec.length + 2);
	}
	else
	{
		oFieldbis = document.forms['modele6form'].elements['texte2'];

		var strbis = document.selection.createRange().text;

		if (strbis.length>0)
		{
		// Si on a selectionné du texte
			var selbis = document.selection.createRange();
			selbis.text = "[" + selec + "]" + str + "+ selec + "";
			selbis.collapse();
			selbis.select();
		}
		else
		{
			oFieldbis.focus(oFieldbis.caretPos);
		//	alert(oFieldbis.caretPos+"\n"+oFieldbis.value.length+"\n")
			oFieldbis.focus(oField.value.length);
			oFieldbis.caretPos = document.selection.createRange().duplicate();
			
			var bidonbis = "%~%";
			var origbis = oFieldbis.value;
			oFieldbis.caretPos.text = bidonbis;
			var ibis = oFieldbis.value.search(bidonbis);
			oFieldbis.value = origbis.substr(0,i) + "[" + selec + "]+ selec + "" + origbis.substr(i, oFieldbis.value.length);
			var rbis = 0;
			for(nbis = 0; nbis < i; nbis++)
			{if(regexp.test(oFieldbis.value.substr(nbis,2)) == true){rbis++;}};
			posbis = ibis + 2 + selec.length - rbis;
			//placer(document.forms['news'].elements['newst'], pos);
			var rbis = oFieldbis.createTextRange();
			rbis.moveStart('character', posbis);
			rbis.collapse();
			rbis.select();

		}
	}
}
</script>
</head>

<body>
<div id="fond-y">
<?php
	$BBcodeBoutonsPage="BBcodes_Boutons_et_Aide.html";
	if (($MISEENPAGE==1)&&($NUMEROPAGE=="1"||$NUMEROPAGE=="01")) {
		switch ($PUBLIC) 
			{
			case 1:
				echo "<div id=\"container900auto_EVEIL\"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div id=\"numeroEVEIL\">n°".$_SESSION['NUMERO']."</div>";
				
			break;
			case 2:
				echo "<div id=\"container900auto_INITIATION\"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div id=\"numeroINITIATION\">n°".$_SESSION['NUMERO']."</div>";
			break;
			case 3:
				echo "<div id=\"container900auto_CYCLES\"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div id=\"numeroCYCLES\">n°".$_SESSION['NUMERO']."</div>";
			break;
			case 4:
				echo "<div id=\"container900auto_ECHANGES\"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div id=\"numeroECHANGES\">n°".$_SESSION['NUMERO']."</div>";
			break;
	        }
			if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
			echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter <a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
			}
			$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
			echo "<form id=\"modele1form\" name=\"modele1form\" action=\"admin-modele1ecrit.php\" method=\"post\" 
			target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"return CheckForm('modele1form')\">"
			.$BBcodeBoutons."<textarea name=\"texte\" id=\"modeles1et2textarea\" lang=\"fr\">
			</textarea><br/><br/>
			<label for=\"image\">Mettre une image sur la page (à recadrer de préférence aux dimensions 700x525)</label><br/>
			<input type=\"file\" name=\"photo\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">Légende de l'image à faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende\" id=\"modeles1et2legende\" lang=\"fr\" ></textarea><br/><br/>
			<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></form><br/></div>";
			
		
	}
	else if ($MISEENPAGE!=1)
	{
			switch ($PUBLIC) 
			{
			case 1:
			echo "<div id=\"container900auto\"><br/><br/><div id=\"numeroEVEIL\">n°".$_SESSION['NUMERO']."</div>";
			break;
			
			case 2:
			echo "<div id=\"container900auto\"><br/><br/><div id=\"numeroINITIATION\">n°".$_SESSION['NUMERO']."</div>";
			break;
			
			case 3:
			echo "<div id=\"container900auto\"><br/><br/><div id=\"numeroCYCLES\">n°".$_SESSION['NUMERO']."</div>";
			break;
			
			case 4:
			echo "<div id=\"container900auto\"><br/><br/><div id=\"numeroECHANGES\">n°".$_SESSION['NUMERO']."</div>";
			break;
			}
			switch ($MISEENPAGE)
			{
				case 2:
				if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
				echo "<form id=\"modele2form\" name=\"modele2form\" action=\"admin-modele2ecrit.php\" method=\"post\" 
				target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"CheckForm('modele2form')\">"
				.$BBcodeBoutons."<textarea name=\"texte\" id=\"modeles1et2textarea\" lang=\"fr\">
				</textarea><br/><br/>
				<label for=\"image\">Mettre une image sur la page (à recadrer de préférence aux dimensions 700x525)</label><br/>
				<input type=\"file\" name=\"photo\" /><br/><br/>
				<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
				<label for=\"legende\">Légende de l'image à faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
				<textarea name=\"legende\" id=\"modeles1et2legende\" lang=\"fr\" ></textarea><br/><br/>
				<label for=\"dernierepage\">cochez cette case s'il s'agit de la dernière page du numéro</label><br/>
				<input type=\"checkbox\" name=\"dernierepage\" value=\"1\" /><br/><br/>
				<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></form><br/></div>";
				break;
				case 3:
				if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
			echo "<form id=\"modele3form\" name=\"modele3form\" action=\"admin-modele3ecrit.php\" method=\"post\" 
			target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"return CheckForm('modele3form')\">"
			.$BBcodeBoutons."<textarea name=\"texte\" id=\"modele3textarea\" lang=\"fr\">
			</textarea><div id=\"modele3divimage\"><br/>
			<label for=\"image\">Mettre une image sur la page (à recadrer de préférence aux dimensions 340x1050)</label><br/>
			<input type=\"file\" name=\"photo\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">Légende de l'image à faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende\" id=\"modele3legende\" lang=\"fr\" ></textarea></div><br/><br/>
			<div id=\"modele3divsubmit\"><br/>
			<label for=\"dernierepage\">cochez cette case s'il s'agit de la dernière page du numéro</label><br/>
			<input type=\"checkbox\" name=\"dernierepage\" value=\"1\" /><br/><br/>
			<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></div></form><br/></div>";
				break;
				case 4:
				if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
			echo "<form id=\"modele4form\" name=\"modele4form\" action=\"admin-modele4ecrit.php\" method=\"post\" 
			target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"return CheckForm('modele4form')\">"
			.$BBcodeBoutons."<textarea name=\"texte\" id=\"modele4textarea\" lang=\"fr\"></textarea><br/>
			<table id=\"modele4table\" width=700 height=420 border=0 cellspacing=0 cellpadding=0><tr>
			<td id=\"modele4photosetlegendes\"width=340 valign=\"top\">
			<label for=\"photo1\">Mettre une premi&egrave;re image sur la page (&agrave; recadrer de pr&eacute;f&eacute;rence aux dimensions 340x420)</label><br/>
			<input type=\"file\" name=\"photo1\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">L&eacute;gende de l'image &agrave; faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende1\" id=\"modele4legendes\" lang=\"fr\" ></textarea><br/></td>
			<td width=20></td>
			<td id=\"modele4photosetlegendes\"width=340 valign=\"top\">
			<label for=\"photo2\">Mettre une seconde image sur la page (&agrave; recadrer de pr&eacute;f&eacute;rence aux dimensions 340x420)</label><br/>
			<input type=\"file\" name=\"photo2\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">L&eacute;gende de l'image &agrave; faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende2\" id=\"modele4legendes\" lang=\"fr\" ></textarea><br/></td>
			</tr></table><br/>
			<div id=\"modele4divsubmit\"><br/>
			<label for=\"dernierepage\">cochez cette case s'il s'agit de la dernière page du numéro</label><br/>
			<input type=\"checkbox\" name=\"dernierepage\" value=\"1\" /><br/><br/>
			<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></div></form><br/></div>";
				break;
				case 5:
			if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
			echo "<form id=\"modele5form\" name=\"modele5form\" action=\"admin-modele5ecrit.php\" method=\"post\" 
			target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"return CheckForm('modele5form')\">"
			.$BBcodeBoutons."<textarea name=\"texte\" id=\"modele5textarea\" lang=\"fr\">
			</textarea><br/><br/><div id=\"modele5divimage\"><br/>
			<label for=\"image\">Mettre une image sur la page (à recadrer de préférence aux dimensions 700x210)</label><br/>
			<input type=\"file\" name=\"photo\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">Légende de l'image à faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende\" id=\"modele3legende\" lang=\"fr\" ></textarea></div><br/><br/>
			<div id=\"modele5divsubmit\">
			<label for=\"dernierepage\">cochez cette case s'il s'agit de la dernière page du numéro</label><br/>
			<input type=\"checkbox\" name=\"dernierepage\" value=\"1\" /><br/><br/>
			<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></div></form><br/></div>";
				break;
				case 6:
			$BBcodeBoutonsPageBis="BBcodes_Boutons_et_Aide_bis.html";
			if (!$handleBBcodeBoutons = fopen($BBcodeBoutonsPage, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPage) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutons = fread($handleBBcodeBoutons, filesize($BBcodeBoutonsPage));
			if (!$handleBBcodeBoutonsBis = fopen($BBcodeBoutonsPageBis, 'r')) {
				echo "<p class=\"lucida12noir\">Impossible d'ouvrir le fichier ($BBcodeBoutonsPageBis) des boutons BBcodes, veuillez contacter 
				<a href=\"mailto:fabien@laplumesurlatoile.com\">Fabien</a></p>";
				}
				$BBcodeBoutonsBis = fread($handleBBcodeBoutonsBis, filesize($BBcodeBoutonsPageBis));
				
			echo "<form id=\"modele6form\" name=\"modele6form\" action=\"admin-modele6ecrit.php\" method=\"post\" 
			target=\"iframe\" enctype=\"multipart/form-data\" onsubmit=\"return CheckForm('modele6form')\">
			<table id=\"modele6table\" width=700 cellspacing=0 cellpadding=0 border=0>
			<tr><td colspan=3 width=700 align=\"left\">".$BBcodeBoutons."</td></tr>
			<tr><td width=340>
			<textarea name=\"texte1\" id=\"modele6textareas\" lang=\"fr\">
			</textarea></td><td width=20></td><td width=340 id=\"modele6photosetlegendes\" valign=\"top\">
			<label for=\"image\">Mettre une premi&egrave;re image sur la page (&agrave; recadrer de pr&eacute;f&eacute;rence aux dimensions 340x525)</label><br/>
			<input type=\"file\" name=\"photo1\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">L&eacute;gende de l'image &agrave; faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende1\" id=\"modele6legendes\" lang=\"fr\" ></textarea><br/></td></tr>
			<tr><td colspan=3 width=700 height=20></td></tr>
			<tr><td colspan=3 width=700 align=\"left\">".$BBcodeBoutonsBis."</td></tr>
			<tr><td width=340 id=\"modele6photosetlegendes\" valign=\"top\">
			<label for=\"image\">Mettre une seconde image sur la page (&agrave; recadrer de pr&eacute;f&eacute;rence aux dimensions 340x525)</label><br/>
			<input type=\"file\" name=\"photo2\" /><br/><br/>
			<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"<?php echo $taille_max; ?>\" /> 
			<label for=\"legende\">L&eacute;gende de l'image &agrave; faire apparaitre en dessous de celle-ci (optionnel)</label><br/>
			<textarea name=\"legende1\" id=\"modele6legendes\" lang=\"fr\" ></textarea><br/></td><td width=20></td><td width=340>
			<textarea name=\"texte2\" id=\"modele6textareas\" lang=\"fr\">
			</textarea></td></tr>
			<div id=\"modele6divsubmit\">
			<label for=\"dernierepage\">cochez cette case s'il s'agit de la dernière page du numéro</label><br/>
			<input type=\"checkbox\" name=\"dernierepage\" value=\"1\" /><br/><br/>
			<input type=\"submit\" name=\"Envoyer\" value=\"Envoyer\" class=\"arial11noir\"/></div></form><br/>";
				break;
				
			}
			echo "</div>";
	}
	else echo "<br/><p class=\"lucida12noir\">la mise en page n°1 n'est disponible que pour la première page, la première page ne peut être associée qu'à la première mise en page.</p><br/>";
?>
</div>
<div id="fondbas" align="center">
r&eacute;alisation 2009 - La Plume sur la Toile - <a href="https://laplumesurlatoile.com/accueil" target="_blank">www.laplumesurlatoile.com</a>
</div>
<?php
$_SESSION['NUMEROPAGE']=$NUMEROPAGE;
$_SESSION['PUBLIC']=$PUBLIC;
?>
</body>
</html>


code css: 
@charset "UTF-8";
/* CSS Document */
html, body {
	background-color: #000;
	height:100%;
	padding: 0;
	z-index: 0;
	margin: 0px;
}
#bodyforum {
	background-color: #FFF;
	margin: 0px;
}
#divmenu {
	height: 30px;
	width: 900px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: block;
	background-color: #680000;
	overflow: hidden;
	z-index:1000;
}
#menu  {
	height: 30px;
	width: 900px;
	padding: 0;
	position: absolute;
	display: block;
	margin: 0px;
	z-index:1000;
}
#menu li {
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
	float: left;
	z-index:1000;
}
#menu li a {
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 30px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	z-index:1000;
}
#menu li a:hover {
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 30px;
	background-color: #AB625C;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	z-index:1000;
}
#menu #menu1 ul   {
	height: 0px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	overflow: hidden;
	background-color: #680000;
	-moz-opacity: 0.8;
	opacity: 0.8;
	float: none;
	opacity: 0.8;
	display: inline;
	z-index:1000;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*no padding-right !important*/
}
#menu #menu1 ul li  {
	height: 24px;
	width: 200px;
	overflow: hidden;
	position: relative;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
	float: none;
	z-index:1000;
}
#menu #menu1 ul li a {
	width: 100%;
	height: 24px;
	display: block;
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 21px;
	padding-top: 3px;
	padding-right: 100px;
	padding-bottom: 7px;
	padding-left: 30px;
	z-index:1000;
	background-image: url(../images/vcod_menu_ico_gris.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu #menu1 ul li a:hover {
	width: 100%;
	height: 24px;
	display: block;
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 21px;
	padding-top: 3px;
	padding-right: 100px;
	padding-bottom: 7px;
	padding-left: 30px;
	background-color: #AB625C;
	z-index:1000;
	background-image: url(../images/vcod_menu_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	
}
#banniere {
	background-image: url(../images/banniere-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 110px;
	width: 910px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 0px;
	z-index: 0;
}
#fond-y {
	background-image: url(../images/fond-y.png);
	background-repeat: repeat-y;
	background-position: center top;
	height: auto;
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
#divforiframe {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	z-index: 0;
}
#iframe {
	height: 1500px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 0;
}
#fondbas {
	background-image: url(../images/fond-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 10px;
	color: #000;
	z-index: 0;
	position: relative;
}
#tailles {
	height: 25px;
	width: 60px;
	margin-top: 0px;
	margin-left: 20px;
	position: absolute;
	z-index: 0;
}
#tailles li {
	list-style-type: none;
	display: inline;
	z-index: 0;
}
#texteintro {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	height: auto;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	line-height: auto;
	z-index: 0;
}
.categoriesli   {
	list-style-type: square;
	line-height: 20px;
	z-index: 0;
}
#categories  {
	background-color: #CCC;
	height: auto;
	width: 450px;
	border: thin dotted #000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 0;
}
#forumVCOD {
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
#forumVCOD iframe {
	z-index: 1;
	height: 100%;
	width: 100%;
}
#contact {
	background-image: url(../images/feuillecontact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 720px;
	width: 900px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 0;
}
#contacttxt {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 13px;
	color: #000;
	height: 100px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 0;
}
#contactform {
	height: auto;
	width: 600px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	line-height: 25px;
	z-index: 0;
}
#infostransmises {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	height: 100px;
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	line-height: 30px;
	position: relative;
	z-index: 0;
}
.arial11noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.arial11noirgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.lucida12noir {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
	color: #000;
}
.lucida24gris {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	font-weight: bold;
	color: #999;
}
#divformlogin {
	height: 150px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
}
#loginform {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	z-index: 0;
}
#setupform {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	z-index: 0;
}
#creationpageform {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	z-index: 0;
}
#choixmiseenpage {
	margin: 0px;
	height: 0px;
	width: 700px;
	overflow: hidden;
}
#lienmiseenpage {
	text-decoration: none;
	color: #FFF;
	background-color: #666;
	padding: 5px;
	border: 1px solid #000;
}
#lienmiseenpage:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #333;
	padding: 5px;
	border: 1px solid #000;
}
#container700auto {
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
}
#container800auto {
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#container900auto {
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#container900auto_EVEIL {
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/entete_eveil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#container900auto_INITIATION {
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/entete_initiation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#container900auto_CYCLES {
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/entete_cycles.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#container340left {
	height: auto;
	width: 340px;
	margin-top: 0px;
	margin-left: 0px;
}
#container340right {
	height: auto;
	width: 340px;
	margin-top: 0px;
	margin-left: 360px;
	position: absolute;
}
#numeroEVEIL {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100px;
	margin-top: 0px;
	margin-left: 800px;
	background-image: url(../images/coul_eveil.jpg);
	background-repeat: repeat;
	text-align: center;
	position: absolute;
}
#numeroINITIATION {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100px;
	margin-top: 0px;
	margin-left: 800px;
	background-image: url(../images/coul_initiation.jpg);
	background-repeat: repeat;
	text-align: center;
}
#numeroCYCLES {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100px;
	margin-top: 0px;
	margin-left: 800px;
	background-image: url(../images/coul_cycles.jpg);
	background-repeat: repeat;
	text-align: center;
}
#numeroECHANGES {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100px;
	margin-top: 0px;
	margin-left: 800px;
	background-image: url(../images/coul_echanges.jpg);
	background-repeat: repeat;
	text-align: center;
	position: absolute;
}
#rubriques {
	height: 600px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#rubriques div a  {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	display: block;
}
#eveil {
	padding: 0px;
	height: 200px;
	width: 200px;
	background-color: #8c151a;
}
#init {
	padding: 0px;
	height: 200px;
	width: 200px;
	background-color: #106e45;
}
#cycles {
	padding: 0px;
	height: 200px;
	width: 200px;
	background-color: #0081c0;
}
#echanges {
	padding: 0px;
	height: 200px;
	width: 200px;
	background-color: #f5be00;
}
#modele1form {
	padding: 0px;
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	position: relative;
}
#modele2form {
	padding: 0px;
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	position: relative;
}
#modele3form {
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	height: 1200px;
	overflow: visible;
}
#modele4form {
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	height: 1300px;
	overflow: visible;
}
#modele5form {
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	height: 1300px;
	overflow: visible;
}
#modele6form {
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 125px;
	margin-left: 75px;
	height: 1500px;
	overflow: visible;
	position: relative;
	z-index: 0;
}
#modeles1et2textarea {
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	height: 525px;
	width: 700px;
	position: relative;
}
#modeles1et2legende {
	height: 40px;
	width: 700px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#modele3divimage {
	background-color: #999;
	height: 1050px;
	width: 320px;
	margin-top: 0px;
	margin-left: 360px;
	padding-right: 10px;
	padding-left: 10px;
	position: absolute;
}
#modele3textarea  {
	height: 1050px;
	width: 340px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	position: absolute;
}
#modele3legende {
	margin: 0px;
	height: 80px;
	width: 320px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#modele3divsubmit {
	height: auto;
	width: 700px;
	margin-top: 1000px;
	margin-left: 0px;
	position: absolute;
}
#modele4divsubmit {
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
}
#modele4textarea  {
	height: 630px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	position: absolute;
}
#modele4table {
	height: 420px;
	width: 700px;
	margin-top: 650px;
}
#modele4photosetlegendes {
	background-color: #999;
	height: 420px;
	width: 340px;
	padding-top: 10px;
	padding-left: 10px;
}
#modele4legendes {
	margin: 0px;
	height: 80px;
	width: 320px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#modele5textarea {
	height: 840px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	position: relative;
}
#modele5divimage {
	background-color: #999;
	height: 210px;
	width: 680px;
	margin-top: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
#modele5divsubmit {
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
}
#modele6table {
	height: auto;
	width: 700px;
}
#modele6textareas {
	margin-top: 0px;
	margin-left: 0px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	height: 525px;
	width: 340px;
}
#modele6photosetlegendes {
	background-color: #999;
	height: 525px;
	width: 340px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#modele6legendes {
	margin: 0px;
	height: 80px;
	width: 320px;
	font-family: "Lucida Grande", sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#modele6divsubmit {
	height: auto;
	width: 700px;
	margin-top: 1320px;
	margin-left: 0px;
	position: absolute;
}
.lienpages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	height: 40px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.lucida1em {
	font-family: "Lucida Grande", sans-serif, arial;
	font-size: 1em;
	color: #000;
	line-height: 125%;
}
A voir également:

1 réponse

Réponse 1 / 1
Judes-Emile Bornes IV Messages postés 123 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 23 février 2010 12
9 juil. 2009 à 11:46
personne? désolé pour la longueur du code vraiment!

HELP!
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Coco chat connexion sur mobile, le tchat est fermé ?
Pisceneo -
brucine -

24 réponses