Tableau HTML - Couleur et largeur

Fermé
hugoKC - 26 févr. 2009 à 10:56
hugkc Messages postés 3 Date d'inscription jeudi 26 février 2009 Statut Membre Dernière intervention 26 février 2009 - 26 févr. 2009 à 11:33
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 jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 514
26 févr. 2009 à 11:01
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
Style c'est juste

.planning {

float:left;
width: 255px;
height: 630px;
}
0
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 514
26 févr. 2009 à 11:10
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 jeudi 26 février 2009 Statut Membre Dernière intervention 26 février 2009
26 févr. 2009 à 11:17
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 jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 514
26 févr. 2009 à 11:18
je n'ai pas parlé du # :s
0
hugkc Messages postés 3 Date d'inscription jeudi 26 février 2009 Statut Membre Dernière intervention 26 février 2009
26 févr. 2009 à 11:23
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 jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 514
26 févr. 2009 à 11:26
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 jeudi 26 février 2009 Statut Membre Dernière intervention 26 février 2009
26 févr. 2009 à 11:33
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