[ HTML-PHP ] Prob distorsion tableau

Fermé
leon330 Messages postés 2 Date d'inscription mercredi 20 juin 2007 Statut Membre Dernière intervention 20 juin 2007 - 20 juin 2007 à 11:47
leon330 Messages postés 2 Date d'inscription mercredi 20 juin 2007 Statut Membre Dernière intervention 20 juin 2007 - 20 juin 2007 à 20:07
Bonjour à tous,

J'ai fait un site ou j'utilise le langage objet sur fichier XML.
Donc j'ai créee une page de présentation pour l'affichage de mes objets (ici des armes et des equipements)..
Or il se trouve que chaque affichage que je génére se trouve dans un tableau...et se fameux tableau s'affiche correctement sous IE mais pas sous Firefox ou il me disproportionne la hauteur du tableau ce qui est trés gênant vu que l'arrière plan du tableau est un image (donc limitée en hauteur)...

Je voudrais que le tableau rende sous Firefox la même chose que sous IE !!! et surtout savoir pourquoi sa plante comme sa ?

Sur les 2 tableaux j'ai mis les BORDER pour qu'on voie bien le problème sinon en réalité mes BORDER = '0'.

Le site sous IE :

http://img338.imageshack.us/img338/7271/ieal4.jpg

Le site sous Firefox :

http://img257.imageshack.us/img257/5388/firefoxoa7.jpg

Voici le code de la page Resultat.php :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<body bgcolor=#FBEAA2>
</head>

<?php
$dom = new DomDocument('1.0', 'ISO-8859-1');
     if(file_exists("ARMES.xml"))
     {
       $dom->load("ARMES.xml");
     }
     else
     {
       print("Vous n'avez aucun Skin dans votre BDD!!!");
     }

$Armes = $dom->getElementsByTagName("ARME");
foreach ($Armes as $arm)
{
  print("<table border='1' align='center' cellspacing='0' cellpadding='0' width='548' height='230' background='TemplateDL.gif' style='background-repeat: no-repeat;'>");
  print("<tr><td width='548' colspan='3' height='30'>");
  print("<p align='center'><span style='font-size:22pt;color:#C1C1C1;'><b>".$arm->getAttribute("NOMSKIN")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Catégorie de l'arme</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("NOMCAT")."</b></span>");
  print("</p></td>");
  print("<td width='200' height='200' rowspan='7'>");
  print("<p><img src='".$arm->getAttribute("IMAGE")."'></img></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Date de Mise en Ligne</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("DATE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Taille du Fichier</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("TAILLE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Hits</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("HITS")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Note Admin</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("NOTE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177' height='20'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Indice de Test</span>");
  print("</p></td>");
  print("<td width='120' height='20'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$arm->getAttribute("TEST")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='353' colspan='2' height='80'>");
  print("<p align='center'><span style='font-size:12pt;color:#C1C1C1;'>");

  print("<form name='forma' action='index.php?action=increment' method=post>");
  print("<input type='hidden' name='Name' value='".$arm->getAttribute("NOMSKIN")."'>");
  print("<input type='hidden' name='adresse' value='".$arm->getAttribute("URL")."'>");
  print("<br><center><input type='submit' value='Télécharger' style='background-color: transparent; color: #EFE5BB; border: solid 1px;'></center>");
  print("</form>");

  print("</td></tr>");
  print("</table>");
  print("<p><br>");
}

$Equipements = $dom->getElementsByTagName("EQUIPEMENT");
foreach ($Equipements as $equip)
{
  print("<table border='0' align='center' cellspacing='0' width='548' height='250' background='TemplateDL3.gif'>");
  print("<tr><td width='548' colspan='3'>");
  print("<p align='center'><span style='font-size:22pt;color:#C1C1C1;'><b>".$equip->getAttribute("NOMSKIN")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Catégorie de l'arme</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("NOMCAT")."</b></span>");
  print("</p></td>");
  print("<td width='200' height='200' rowspan='8'>");
  print("<p><img src='".$equip->getAttribute("IMAGE")."'></img></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Type</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("TYPE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Date de Mise en Ligne</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("DATE")."</b></span></p>");
  print("</td></tr>");


  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Taille du Fichier</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("TAILLE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Hits</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("HITS")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Note Admin</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("NOTE")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='177'>");
  print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Indice de Test</span>");
  print("</p></td>");
  print("<td width='120'>");
  print("<p align='left'><span style='font-size:10pt;color:#C1C1C1;'><b>".$equip->getAttribute("TEST")."</b></span></p>");
  print("</td></tr>");

  print("<tr><td width='353' colspan='2'>");
  print("<p align='center'><span style='font-size:12pt;color:#C1C1C1;'>");

  print("<form name='forma' action='index.php?action=increment' method=post>");
  print("<input type='hidden' name='Name' value='".$equip->getAttribute("NOMSKIN")."'>");
  print("<input type='hidden' name='adresse' value='".$equip->getAttribute("URL")."'>");
  print("<br><center><input type='submit' value='Télécharger' style='background-color: transparent; color: #EFE5BB; border: solid 1px;'></center>");
  print("</form>");

  print("</td></tr>");
  print("</table>");
  print("<p><br>");
}
?>

</body>
</html>


merci à ceux qui pourrais m'aider !!
A voir également:

2 réponses

je pense qu un <div> peut résoudre ton probleme

Et je pense qu une feuille css ainsi que des commentaires dans ton code le rendrait nettement plus lisible et compréhensible

print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Hits</span>");

print("<p align='center'><span style='font-size:11pt;font-style:italic;color:#C1C1C1;'>Indice de Test</span>");

Pourquoi ne pas faire ca par exemple pour avoir un code plus clair et plus agreable a travailler dessus :


/*voici la partie du tableau qui fait....*/<-----exemple de commentaire pour ne pas chercher a quoi chaque ligne correspond
print("<p align='center' class=\"bouh\">Hits");

print("<p align='center' class=\"bouh\">Indice de Test");

sur une feuille de style
p.bouh
{
font-size : 11pt;
font-style : italic;
color : #C1C1C1
}
0
leon330 Messages postés 2 Date d'inscription mercredi 20 juin 2007 Statut Membre Dernière intervention 20 juin 2007
20 juin 2007 à 20:07
oui je sais pour le CSS et les commentaires mais je voulais avant tout essayer de régler ce problème de présentation. Donc je vais essayer la méthode <div> mais comment faire vu que ma présentation et sous la forme de tableau, faut-il que je supprime le tableau ? puis je avoir un exemple avec mon cas ?

merci
0