Tableau HTML - Couleur et largeur
hugoKC
-
hugkc Messages postés 3 Date d'inscription Statut Membre -
hugkc Messages postés 3 Date d'inscription Statut Membre -
Bonjour,
Voici mon problème :
Je génère un tableau HTML/CSS à partir d'une requête mysql... Suivant le type d'évènement je "colorise" le fond.
Sur Firefox, tout fonctionne, sur IE les couleurs sont remplacées par du noir.
Deuxième soucis, les largeurs de colonnes. Impossible de les fixer et que le texte s'il est trop passe à la ligne... Quelqu'un a une idée ?
A au fait voici le bout de code, ce qui m'interesse c'est l'analyse des lignes de création du tableau.
$affichage.=' <div class="planning">';
$affichage.= '<TABLE border=1>';
$heure_fin="00:00:00";
for($h=8;$h<20 ;$h=$h+1)
{
for($m=0;$m<31 ;$m=$m+30)
{
$hd=$h;$md=$m;
$m=substr("0".$m,-2); $h=substr("0".$h,-2);
if ($md<30) { $mf=$md+30; $hf=$hd; } else { $mf=0 ; $hf=$hd+1; }
$md=substr("0".$md,-2); $hd=substr("0".$hd,-2);
$mf=substr("0".$mf,-2); $hf=substr("0".$hf,-2);
$query ="......................";
$result = mysql_query($query, $connect) or die($query . " - " . mysql_error());
$ok=true;
while ($tab = mysql_fetch_array($result))
{
$heure_deb=$tab['starttime'];
$heure_fin=$tab['endtime'];
$name_event=$tab['name_event'];
$nombre=$tab['dif'];
$couleur=$tab['backgroundcolor'];
$min=round((substr($nombre,1,2)*60+substr($nombre,3,2))/30);
$affichage.="<TR> <TD bgcolor=\"#$couleur\"> $hd:$md </TD> <TD bgcolor=\"#$couleur\" rowspan= $min> $name_event </TD> </TR>";
for($i=1;$i<$min ;$i++)
{
$m=$m+30;
if ($m>30) {$m=0 ; $h=$h+1; }
$m=substr("0".$m,-2); $h=substr("0".$h,-2);
$affichage.="<TR> <TD bgcolor=\"#$couleur\"> $h:$m </TD> </TR>";
}
$ok=false;
}
if ($ok)
{
$affichage.="<TR> <TD> $h:$m </TD> <TD> <a href=\"#\" onClick=\"window.open('reservation.php','Fiche','toolbar=no,status=no,width=300 ,height=300,scrollbars=yes,location=no,resize=yes,menubar=no')\">réservez</a> </TD> </TR> ";
}
}
}
$affichage.='</TABLE>';
$affichage.="</div>";
Merci d'avance et bonne journée à Tous
Voici mon problème :
Je génère un tableau HTML/CSS à partir d'une requête mysql... Suivant le type d'évènement je "colorise" le fond.
Sur Firefox, tout fonctionne, sur IE les couleurs sont remplacées par du noir.
Deuxième soucis, les largeurs de colonnes. Impossible de les fixer et que le texte s'il est trop passe à la ligne... Quelqu'un a une idée ?
A au fait voici le bout de code, ce qui m'interesse c'est l'analyse des lignes de création du tableau.
$affichage.=' <div class="planning">';
$affichage.= '<TABLE border=1>';
$heure_fin="00:00:00";
for($h=8;$h<20 ;$h=$h+1)
{
for($m=0;$m<31 ;$m=$m+30)
{
$hd=$h;$md=$m;
$m=substr("0".$m,-2); $h=substr("0".$h,-2);
if ($md<30) { $mf=$md+30; $hf=$hd; } else { $mf=0 ; $hf=$hd+1; }
$md=substr("0".$md,-2); $hd=substr("0".$hd,-2);
$mf=substr("0".$mf,-2); $hf=substr("0".$hf,-2);
$query ="......................";
$result = mysql_query($query, $connect) or die($query . " - " . mysql_error());
$ok=true;
while ($tab = mysql_fetch_array($result))
{
$heure_deb=$tab['starttime'];
$heure_fin=$tab['endtime'];
$name_event=$tab['name_event'];
$nombre=$tab['dif'];
$couleur=$tab['backgroundcolor'];
$min=round((substr($nombre,1,2)*60+substr($nombre,3,2))/30);
$affichage.="<TR> <TD bgcolor=\"#$couleur\"> $hd:$md </TD> <TD bgcolor=\"#$couleur\" rowspan= $min> $name_event </TD> </TR>";
for($i=1;$i<$min ;$i++)
{
$m=$m+30;
if ($m>30) {$m=0 ; $h=$h+1; }
$m=substr("0".$m,-2); $h=substr("0".$h,-2);
$affichage.="<TR> <TD bgcolor=\"#$couleur\"> $h:$m </TD> </TR>";
}
$ok=false;
}
if ($ok)
{
$affichage.="<TR> <TD> $h:$m </TD> <TD> <a href=\"#\" onClick=\"window.open('reservation.php','Fiche','toolbar=no,status=no,width=300 ,height=300,scrollbars=yes,location=no,resize=yes,menubar=no')\">réservez</a> </TD> </TR> ";
}
}
}
$affichage.='</TABLE>';
$affichage.="</div>";
Merci d'avance et bonne journée à Tous
Configuration: Windows Vista Internet Explorer 7.0
5 réponses
-
AU niveau du style il nous faudrait le contenu de la classe planning.
PAr ailleurs je vous conseille l'utilisation de IE developper Toolbar + WebDevHelper (IE) ou Firebug (FF) pour vous aider à débugger votre code. -
-
voici déjà une première erreur :
http://xinfe.free.fr/bgcolor.html
Cela pourrait expliquer le problème de couleur rencontré
-
-
Heu désolé mais si l'erreur vient du fait qu'il faut enlever le # alors on est loin de la réponse.... car dans ce cas cela ne marche ni sur IE (fond noir) ni sur firefox (fond transparent).
-
ok en fait l'interpretation des couleurs sont IE et Firefox n'est pas la même....
sous firefox par exemple #efe est compréhensible pas sous IE, il lui faut EEFFEE.... Voilà qui est corrigé.
Merci -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
oui mais cela n'a pas marché... Ce n'est pas trop grave j'ai juste limité le texte dans la colonne que je voulais fixe et ergonomiquement ce n'est pas si mal...Car le détail apparait sur un clic et permet en même temps une impression papier.
voilà... merci !