Tableau HTML - Couleur et largeur

hugoKC -  
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
A voir également:

5 réponses

NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514
 
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.
0
hugoKC
 
Style c'est juste

.planning {

float:left;
width: 255px;
height: 630px;
}
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514
 
voici déjà une première erreur :
http://xinfe.free.fr/bgcolor.html

Cela pourrait expliquer le problème de couleur rencontré
0
hugkc Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
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).
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514
 
je n'ai pas parlé du # :s
0
hugkc Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
NookZ Messages postés 2138 Date d'inscription   Statut Membre Dernière intervention   514
 
Pour fixer la taille de vos colonnes, avez-vous essayé de renseigner l'attribut width pour toutes les colonnes?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hugkc Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
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 !
0