Bonjour à tous,
Je suis débutant en css et je suis en train de créer un planning mais j'ai des problèmes d'affichage :
Les bordures de mon tableau s'affiche ou ne s'affiche plus selon "son humeur !!!". En fait en rafrechissant ma page, des fois ça s'affiche et de fois non.
Et ce problème n'est pas sur Internet explorer, peut-être trop gentil avec les debutants comme moi !!!!
J'ai fait quelque test, et il s'avererait que c'est mes rowspan qui pose problème (ligne 177, 178 et 183), mais es vraiment ça le problème? si oui pourquoi et comment résoudre le problème?
Merci par avance.
Je suis débutant en css et je suis en train de créer un planning mais j'ai des problèmes d'affichage :
Les bordures de mon tableau s'affiche ou ne s'affiche plus selon "son humeur !!!". En fait en rafrechissant ma page, des fois ça s'affiche et de fois non.
Et ce problème n'est pas sur Internet explorer, peut-être trop gentil avec les debutants comme moi !!!!
J'ai fait quelque test, et il s'avererait que c'est mes rowspan qui pose problème (ligne 177, 178 et 183), mais es vraiment ça le problème? si oui pourquoi et comment résoudre le problème?
Merci par avance.
<html>
<head>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<STYLE type="text/css">
.table
{
font-family: Arial, Times, serif;
font-size: 11px;
border-collapse:collapse;
border: 2px solid #99A9B6;
}
.td
{
border-right: 2px solid #99A9B6;
border-left: 2px solid #99A9B6;
border-collapse:collapse;
}
.td_entier
{
border-top: 2px solid #99A9B6;
border-right: 2px solid #99A9B6;
border-left: 2px solid #99A9B6;
border-collapse:collapse;
}
.td_moitie
{
border-top: 1px dashed #99A9B6;
border-right: 2px solid #99A9B6;
border-left: 2px solid #99A9B6;
border-collapse:collapse;
}
.titre
{
border: 2px solid #99A9B6;
padding: 2px;
font-size: 13px;
background-color: #EEEEEE;
}
.heure_entier
{
border-top: 2px solid #99A9B6;
border-right: 2px solid #99A9B6;
border-left: 2px solid #99A9B6;
padding: 2px;
font-size: 11px;
background-color: #EEEEEE;
height: auto;
}
.heure_moitie
{
border-top: 1px dashed #99A9B6;
border-right: 2px solid #99A9B6;
border-left: 2px solid #99A9B6;
padding: 2px;
font-size: 11px;
background-color: #EEEEEE;
}
</STYLE>
</head>
<body>
<?php
include("fonction.php");
$date_filtre="2006-07-14";
####################################################### fonctions et variables #############################################################
$creneau_horaire="7-20";
$tabo=explode("-",$creneau_horaire);
$premiere_heure="$tabo[0]";
if($premiere_heure<10) $premiere_heure="0$premiere_heure";
$premiere_heure="$premiere_heure:00";
$nb_heur_range=$tabo[1]-$tabo[0];
if($nb_heur_range<10) $nb_heur_range="0$nb_heur_range";
$nb_heur_range="$nb_heur_range:00";
$nb_5min_jour=nb_5min($nb_heur_range);
$nb_jour="15";
if($nb_jour>365) $nb_jour=365;
$nb_semaine=ceil($nb_jour/7);
$nom_jour[1]="Lun";
$nom_jour[2]="Mar";
$nom_jour[3]="Mer";
$nom_jour[4]="Jeu";
$nom_jour[5]="Ven";
$nom_jour[6]="Sam";
$nom_jour[7]="Dim";
$tab=explode("-",$creneau_horaire);
$date_affich_deb=$tab[0];
$date_affich_fin=$tab[1];
$nb_case=($date_affich_fin-$date_affich_deb)*12;
$j = substr($date_filtre,0 , 2);
$m = substr($date_filtre,2 , 2);
$a = substr($date_filtre,4 , 4);
$date_filtre = "$a-$m-$j";
$unix_time = strtotime($date_filtre);
$num_jour=strftime("%w",mktime(0,0,0,$m,$j,$a));
if ($num_jour > "1")
{
$num_premier_jour_semaine = $num_jour - 1;
$date_range_deb = date("Y-m-d", strtotime("-$num_premier_jour_semaine day", $unix_time));
$jour_range_deb = date("d", strtotime("-$num_premier_jour_semaine day", $unix_time));
$mois_range_deb = date("m", strtotime("-$num_premier_jour_semaine day", $unix_time));
}
elseif ($num_jour == "1")
{
$date_range_deb="$a-$m-$j";
$jour_range_deb=$j;
$mois_range_deb=$m;
}
elseif ($num_jour == "0")
{
$date_range_deb = date("Y-m-d", strtotime("-6 day", $unix_time));
$jour_range_deb = date("d", strtotime("-6 day", $unix_time));
$mois_range_deb = date("m", strtotime("-6 day", $unix_time));
}
$unix_time_date_deb = strtotime($date_range_deb);
for($i=0;$i<=$nb_jour;$i++)
{
if($i==0) $jour_num[0]=$jour_range_deb;
else
{
$jour_add=$i-1;
$jour_num[$i]= date("d", strtotime("+$jour_add day", $unix_time_date_deb));
$nom_jour_num[$i]= date("N", strtotime("+$jour_add day", $unix_time_date_deb));
$mois_num[$i]= date("m", strtotime("+$jour_add day", $unix_time_date_deb));
$date_num[$i] = date("Y-m-d", strtotime("+$jour_add day", $unix_time_date_deb));
}
}
$date_range_fin=date("Y-m-d", strtotime("+$nb_jour day", $unix_time_date_deb));
############################################################ Planning #############################################################
echo "<div align=center>";
echo "<table class=table>";
for($heu=-1;$heu<=$nb_case-1;$heu++) // Lignes
{
echo "<tr>";
for($jou=0;$jou<=$nb_jour;$jou++) // Colonnes
{
$rowspan="";
$class="";
############## entete heures ###############
if($heu==-1)
{
if($jou==0)echo "<td></td>";
else
{
$nj=$nom_jour_num[$jou];
echo "<td class=titre align=center>$nom_jour[$nj] $jour_num[$jou]/$mois_num[$jou]</td>";
}
}
############## données #############
else
{
if($jou==0)
{
if($heu%12 == 0)
{
$min="00";
$num_heure=$date_affich_deb+($heu/12);
if($num_heure<10) echo "<td align=center class=heure_entier valign=top rowspan=6>0$num_heure:00</td>";
else echo "<td align=center class=heure_entier valign=top rowspan=6>$num_heure:00</td>";
}
elseif($heu%6 == 0)
{
$min="30";
echo "<td class=heure_moitie rowspan=6> </td>";
}
else
{
$min=$min+5;
//~ echo "<td align=center class=td valign=top> </td>";
}
}
else
{
if($heu%12 == 0)
{
$min="00";
if($num_heure<10)$num_heure_sql="0$num_heure:$min";
else$num_heure_sql="$num_heure:$min";
}
elseif($heu%6 == 0)
{
$min="30";
if($num_heure<10)$num_heure_sql="0$num_heure:$min";
else$num_heure_sql="$num_heure:$min";
}
else
{
if($min==5) $min="05";
if($num_heure<10)$num_heure_sql="0$num_heure:$min";
else$num_heure_sql="$num_heure:$min";
}
if($min=="00") $class="class=td_entier";
elseif($min=="30") $class="class=td_moitie";
else $class="class=td";
echo "<td $class></td>";
}
}
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>
) avant la balise <html> indiquant au navigateur ce qu'il est censé afficher.
. la visibilité du code source généré est amilioré mais c'est tout, pas de résolution de rendu!
