Tableau HTML - Couleur et largeur
hugoKC
-
hugkc Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
hugkc Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Tableau HTML - Couleur et largeur
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
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.
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é
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
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