Tableau HTML - Couleur et largeur

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
Configuration: Windows Vista
Internet Explorer 7.0

5 réponses

  • Votes
  • Date
  • Date décroissante
  1. 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.
    1. 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).
      1. je n'ai pas parlé du # :s
    2. 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
      1. Pour fixer la taille de vos colonnes, avez-vous essayé de renseigner l'attribut width pour toutes les colonnes?
    3. 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 !