Il semblerait que ce soit le CSS qui soit en cause, mais où??
Je met le code CSS de la page:
[code]/*----------------------------
----------- Balises ----------
-----------------------------*/
body{
width:1024px;
height:768px;
overflow:hidden;
}
/*----------------------------
---------- Classes -----------
-----------------------------*/
/*-------- Onglets ----------*/
.onglet_a1{
position:absolute;
left:0px;
width:136px;
height:31px;
border:none;
}
.onglet_a2{
position:absolute;
left:112px;
width:136px;
height:31px;
border:none;
}
.onglet_a3{
position:absolute;
left:223px;
width:136px;
height:31px;
border:none;
}
.onglet_a4{
position:absolute;
left:334px;
width:136px;
height:31px;
border:none;
}
.onglet_a5{
position:absolute;
left:445px;
width:136px;
height:31px;
border:none;
}
.onglet_a6{
position:absolute;
left:556px;
width:136px;
height:31px;
border:none;
}
.onglet_a7{
position:absolute;
left:667px;
width:136px;
height:31px;
border:none;
}
.onglet_a8{
position:absolute;
left:778px;
width:136px;
height:31px;
border:none;
}
.onglet_a9{
position:absolute;
left:889px;
width:136px;
height:31px;
border:none;
}
.onglet_a10{
position:absolute;
left:1000px;
right:0px;
height:31px;
border:none;
}
/*-------- Horloge ----------*/
.champ_horloge{
border:1px solid #fdc93d;
background-color:#fdc93d;
font:italic 12px "times new roman";
color:#aa0000;
}
/*-------- Boutons ----------*/
.bouton{
font-family: Times New Roman;
font-size: 12px;
color: #3366cc;
font-style: italic;
font-weight: bold;
background-color: #77aa66;
}
/*----------------------------
-------- Identifiants --------
-----------------------------*/
/*-------- Horloge ----------*/
#horloge{
position:absolute;
top:0px;
left:0px;
width:226px;
height:24px;
padding-top:2px;
background-color:#fdc93d;
text-align:center;
}
/*------- Identité ---------*/
#identite{
position:absolute;
top:0px;
left:226px;
width:676px;
height:24px;
background-color:#fdc93d;
padding-top:3px;
font-family:"times new roman", serif;
font-size:13px;
color:#777777;
text-align:center;
}
/*------ Déconnexion --------*/
#deconnecte{
position:absolute;
top:0px;
left:902px;
width:123px;
height:24px;
background-color:#fdc93d;
padding-top:1px;
font-family:"times new roman", serif;
font-size:14px;
color:#777777;
text-align:center;
}
/*---- Onglets niveau 1 ------*/
#onglets_niv1{
position:absolute;
top:47;
left:0px;
width:1024px;
height:31px;
background-color:#fdc93d;
}
/*-------- Espace ----------*/
#spacer{
position:absolute;
top:54px;
left:0px;
width:1024px;
height:12px;
}
/*---- Onglets niveau 2 ------*/
#onglets_niv2{
position:absolute;
top:66px;
left:0px;
width:1024px;
height:31px;
}
/*------ Corps de texte --------*/
#corps{
position:absolute;
top:96px;
left:0px;
width:1024px;
height:649px;
}
/*-------- Timer page ----------*/
#timer{
width:1024px;
top:745px;
left:0px;
height:24px;
position:absolute;
font:italic 10px "Arial";
color:#000000;
text-align:center;
}
/*-------- Messages utilisateur ----------*/
#user_msg{
width:501.76px;
top:2px;
left:512px;
height:27px;
position:absolute;
font:bold italic 17px "Arial";
color:#ff0000;
text-align:right;
text-decoration:blink;
}
/*-------- Validation XHTML ----------*/
#valid{
width: 40%;
bottom: 0%;
left: 60%;
top:97%;
height:3%;
position: absolute;
border: none;
text-align:left;
height:3%;
}
#valid1{
height:100%;
border:none;
}
[/code]
Voici le code PHP de la page:
[php]<?
$depart=timer();
session_start();
//Si l'utilisateur ne s'est pas logué
if($_SESSION['login_valide']!="1"){
header("location:../includes/erreur3.php");
}
//Si l'utilisateur est correctement logué
else{
//Appel de la fonction de cryptage/décryptage du lien passé en URL
require("../includes/crypt.php");
//On décrypte le lien
$lien2=decrypt($_SERVER['QUERY_STRING']);
//On isole les différentes variables de ce lien
$masque="#\[((?:.(?!\[))*)\]#i";
preg_match_all($masque, $lien2, $variables);
//On compte le nombre de liens passés dans l'URL
$count=count($variables[1]);
//Pour tous les liens, on exécute le code
for($de=0; $de<$count; $de++){
eval($variables[1][$de]);
}
//Choix de l'ordre d'affichage, de la couleur du corps et du lien pour tous les onglets
switch($w){
case "1":$index_a['1']=9;$index_a['2']=8;$index_a['3']=7;$index_a['4']=6;$index_a['5']=5;$index_a['6']=4;$index_a['7']=3;$index_a['8']=2;$index_a['9']=1;$color_a="00ff80";$y=4;
switch($z){
case "1":$index_b['1']=4;$index_b['2']=3;$index_b['3']=2;$index_b['4']=1;$color_b="c1e9d5";$lien="1_planning/11_annee/annee1.php";break;
case "2":$index_b['1']=1;$index_b['2']=4;$index_b['3']=3;$index_b['4']=2;$color_b="81e5b0";$lien="1_planning/12_trimestre/trimestre1.php";break;
case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=4;$index_b['4']=3;$color_b="43dc90";$lien="1_planning/13_mois/mois1.php";break;
case "4":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$index_b['4']=4;$color_b="02c966";$lien="1_planning/14_seance/seance1.php";break;
}break;
case "2":$index_a['1']=1;$index_a['2']=9;$index_a['3']=8;$index_a['4']=7;$index_a['5']=6;$index_a['6']=5;$index_a['7']=4;$index_a['8']=3;$index_a['9']=2;$color_a="b27be6";$color_b="b27be6";$y=0;$lien="2_tp/tp1.php";break;
case "3":$index_a['1']=1;$index_a['2']=2;$index_a['3']=9;$index_a['4']=8;$index_a['5']=7;$index_a['6']=6;$index_a['7']=5;$index_a['8']=4;$index_a['9']=3;$color_a="e0e67b";$y=4;
switch($z){
case "1":$index_b['1']=4;$index_b['2']=3;$index_b['3']=2;$index_b['4']=1;$color_b="f6fab4";$lien="3_compte_rendus/31_uploader/uploader1.php";break;
case "2":$index_b['1']=1;$index_b['2']=4;$index_b['3']=3;$index_b['4']=2;$color_b="f5fd74";$lien="3_compte_rendus/32_realises/realises1.php";break;
case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=4;$index_b['4']=3;$color_b="e5ef36";$lien="3_compte_rendus/33_auto_evaluation/auto_evaluation1.php";break;
case "4":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$index_b['4']=4;$color_b="c7d300";$lien="3_compte_rendus/34_autres_operations/autres_operations1.php";break;
}break;
case "4":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=9;$index_a['5']=8;$index_a['6']=7;$index_a['7']=6;$index_a['8']=5;$index_a['9']=4;$color_a="3671c3";$y=3;
switch($z){
case "1":$index_b['1']=3;$index_b['2']=2;$index_b['3']=1;$color_b="aec0d9";$lien="4_pieces/41_pieces_tp/pieces_tp1.php";break;
case "2":$index_b['1']=1;$index_b['2']=3;$index_b['3']=2;$color_b="7094c6";$lien="4_pieces/42_autres_pieces/autres_pieces1.php";break;
case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$color_b="3768ac";$lien="4_pieces/43_autres_operations/autres_operations1.php";break;
}break;
case "5":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=9;$index_a['6']=8;$index_a['7']=7;$index_a['8']=6;$index_a['9']=5;$color_a="b5b8bc";$y=2;
switch($z){
case "1":$index_b['1']=2;$index_b['2']=1;$color_b="d7dade";$lien="5_outillage/51_nouvelle_jauge/nouvelle_jauge1.php";break;
case "2":$index_b['1']=1;$index_b['2']=2;$color_b="919294";$lien="5_outillage/52_consulter/consulter1.php";break;
}break;
case "6":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=9;$index_a['7']=8;$index_a['8']=7;$index_a['9']=6;$color_a="006cff";$y=2;
switch($z){
case "1":$index_b['1']=2;$index_b['2']=1;$color_b="00beff";$lien="6_programmes/61_actuels/actuels1.php";break;
case "2":$index_b['1']=1;$index_b['2']=2;$color_b="00a0ff";$lien="6_programmes/62_uploader/uploader1.php";break;
}break;
case "7":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=9;$index_a['8']=8;$index_a['9']=7;$color_a="7be0e6";$y=3;
switch($z){
case "1":$index_b['1']=3;$index_b['2']=2;$index_b['3']=1;$color_b="88f8ff";$lien="7_profil/71_modifier/modifier1.php";break;
case "2":$index_b['1']=1;$index_b['2']=3;$index_b['3']=2;$color_b="74d2d8";$lien="7_profil/72_notes/notes1.php";break;
case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$color_b="5fb1b6";$lien="7_profil/73_agenda/agenda1.php";break;
}break;
case "8":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=7;$index_a['8']=9;$index_a['9']=8;$color_a="00aa20";$color_b="00aa20";$y=0;$lien="../03_forum/forum1.php";break;
case "9":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=7;$index_a['8']=8;$index_a['9']=9;$color_a="fc7b7b";$color_b="fc7b7b";$y=0;$lien="../04_messages_prives/messages_prives1.php";break;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Gestion en productique, pages élève</title>
<?
//Appel balises META
include("../includes/headers.php");
?>
<script src="../includes/date.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../templates/01_eleves/origine/style_<?=$_SESSION['navigateur']?>.php" />
</head>
<body onload="heure()">
<form id="formhorloge" action="">
<div id="horloge">
<input type="text" class="champ_horloge" name="horloge" size="38" value="" style="text-align: center" />
</div>
</form>
<div id="identite">Vous êtes connecté sous: <?=$_SESSION['utilisateur_prenom']." ".$_SESSION['utilisateur_nom'].", ".$_SESSION['classe_nom'].", ".$_SESSION['etablissement_type']." ".$_SESSION['etablissement_nom'].", ".$_SESSION['etablissement_code_postal']." ".$_SESSION['etablissement_ville']?></div>
<form id="deconnexion" action="../deconnexion.php" method="post">
<div id="deconnecte">
<input type="submit" class="bouton" value="Se déconnecter" />
</div>
</form>
<div id="onglets_niv1">
<?
//Cycle d'affichage des onglets niveau 1
for($x=1;$x<=9;$x++){
// Encryptage des liens [$w=1][$z=3] par exemple
$lien_niv1=encrypt("[\$w=".$x.";][\$z=1;]");
?>
<a href="menu.php?<?=$lien_niv1?>"><img class="onglet_a<?=$x?>" style="z-index:<?=$index_a[$x]?>" src="menu/<?=$x?><?if($w!=$x){echo '_trait';}else{echo'';}?>.gif" alt="" /></a>
<?
}
?>
<img class="onglet_a10" src="menu/trait.gif" alt="" />
</div>
<div id="spacer" style="background-color:#<?=$color_a?>"></div>
<div id="onglets_niv2" style="background-color:#<?=$color_a?>">
<?
//Cycle d'affichage des onglets niveau 2
for($x=1;$x<=$y;$x++){
// Encryptage des liens [$w=1][$z=3] par exemple
$lien_niv2=encrypt("[\$w=".$w.";][\$z=".$x.";]");
?>
<a href="menu.php?<?=$lien_niv2?>"><img class="onglet_a<?=$x?>" style="z-index:<?=$index_b[$x]?>" src="menu/<?=$w.$x?><?if($z!=$x){echo '_trait';}else{echo'';}?>.gif" alt="" /></a>
<?
}
for($m=($y+1);$m<=10;$m++){
if($y==0)continue;
?>
<img class="onglet_a<?=$m?>" src="menu/trait.gif" alt="" />
<?
}
?>
</div>
<div id="corps" style="background-color:#<?=$color_b?>">
<?
//Appel de la page du corps
include($lien);
?>
</div>
<?
}
function timer(){
$time=explode(' ',microtime());
return $time[0] + $time[1];
}
$fin=timer();
$delai=number_format($fin - $depart,4);
?>
<div id="timer" style="background-color:#<?=$color_b?>">Page générée en <?=$delai?> secondes</div>
<div id="valid">
<a href="http://validator.w3.org/check?uri=referer">
<img id="valid1" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" />
</a>
</div>
</body>
</html>
[/php]
Et enfin le code source de la page générée:
[php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Gestion en productique, pages élève</title>
<meta name="Description" content="Gestion de la productique en lycée technique" />
<meta name="Keywords" content="ISI ISP initiation sciences ingénieur informatique systèmes production productique technique gestion" />
<meta name="Author" content="Lord Anonymous" />
<meta name="Mail" content="
[email protected]" />
<meta name="Generator" content="HTML-Kit: http://www.chami.com/html-kit/" />
<script src="../includes/date.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../templates/01_eleves/origine/style_mozilla.php" />
</head>
<body onload="heure()">
<form id="formhorloge" action="">
<div id="horloge">
<input type="text" class="champ_horloge" name="horloge" size="38" value="" style="text-align: center" />
</div>
</form>
<div id="identite">Vous êtes connecté sous: Blabla, 2nde 03, Lycée polyvalent Delamare-Deboutteville, 123456 Forges les Eaux</div>
<form id="deconnexion" action="../deconnexion.php" method="post">
<div id="deconnecte">
<input type="submit" class="bouton" value="Se déconnecter" />
</div>
</form>
<div id="onglets_niv1">
<a href="menu.php?I3No-ruI3ko-ru"><img class="onglet_a1" style="z-index:9" src="menu/1.gif" alt="" /></a>
<a href="menu.php?I3NoeruI3ko-ru"><img class="onglet_a2" style="z-index:8" src="menu/2_trait.gif" alt="" /></a>
<a href="menu.php?I3NoOruI3ko-ru"><img class="onglet_a3" style="z-index:7" src="menu/3_trait.gif" alt="" /></a>
<a href="menu.php?I3NoCruI3ko-ru"><img class="onglet_a4" style="z-index:6" src="menu/4_trait.gif" alt="" /></a>
<a href="menu.php?I3NolruI3ko-ru"><img class="onglet_a5" style="z-index:5" src="menu/5_trait.gif" alt="" /></a>
<a href="menu.php?I3NoFruI3ko-ru"><img class="onglet_a6" style="z-index:4" src="menu/6_trait.gif" alt="" /></a>
<a href="menu.php?I3NoyruI3ko-ru"><img class="onglet_a7" style="z-index:3" src="menu/7_trait.gif" alt="" /></a>
<a href="menu.php?I3NonruI3ko-ru"><img class="onglet_a8" style="z-index:2" src="menu/8_trait.gif" alt="" /></a>
<a href="menu.php?I3NoEruI3ko-ru"><img class="onglet_a9" style="z-index:1" src="menu/9_trait.gif" alt="" /></a>
<img class="onglet_a10" src="menu/trait.gif" alt="" />
</div>
<div id="spacer" style="background-color:#00ff80"></div>
<div id="onglets_niv2" style="background-color:#00ff80">
<a href="menu.php?I3No-ruI3ko-ru"><img class="onglet_a1" style="z-index:4" src="menu/11.gif" alt="" /></a>
<a href="menu.php?I3No-ruI3koeru"><img class="onglet_a2" style="z-index:3" src="menu/12_trait.gif" alt="" /></a>
<a href="menu.php?I3No-ruI3koOru"><img class="onglet_a3" style="z-index:2" src="menu/13_trait.gif" alt="" /></a>
<a href="menu.php?I3No-ruI3koCru"><img class="onglet_a4" style="z-index:1" src="menu/14_trait.gif" alt="" /></a>
<img class="onglet_a5" src="menu/trait.gif" alt="" />
<img class="onglet_a6" src="menu/trait.gif" alt="" />
<img class="onglet_a7" src="menu/trait.gif" alt="" />
<img class="onglet_a8" src="menu/trait.gif" alt="" />
<img class="onglet_a9" src="menu/trait.gif" alt="" />
<img class="onglet_a10" src="menu/trait.gif" alt="" />
</div>
<div id="corps" style="background-color:#c1e9d5">
<p><a href="menu.php?I3No-ruI3ko-ru">Cliquer ici pour voir ce que ça donne avec l'entete conforme XHTML</a></p>
<p><a href="menu2.php?I3No-ruI3ko-ru">Cliquer ici pour voir ce que ça donne avec l'entete simple</a></p>
<p>
Allez voir le code source</p>
<p>
Planning de l'année</p>
</div>
<div id="timer" style="background-color:#c1e9d5">Page générée en 0.0027 secondes</div>
<div id="valid">
<a href="http://validator.w3.org/check?uri=referer">
<img id="valid1" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" />
</a>
</div>
</body>
</html>
[/php]
Je sais c'est très long mais je n'ai toujours pas réussi à me sortir de ce problème.
