Problème largeur colonne d'un tableau PHP/CSS

Problème largeur colonne d'un tableau PHP/CSS - PHP - Programmation

Marsh Posté le 20-04-2012 à 09:38:29    

Bonjour à tous,  
 
Je sais qu'il y à de nombreux topics sur comment aggrandir un colonne en php mais après différentes tentative je n'arrive pas a aggrandir mes colonne comme je le voudrais...
 
Donc j'ai un tableau qui reprend des données de ma bdd et qui les affiche, cependant il donne la taille du premier mot de l'en-tête de colonne.
Exemple : ma colonne "date" fera la taille du mot "date" et ma colonne nommée "responsable service" fera la taille du mot "responsable".
J'ai essayé en mettant des witdh ="300" dans les th/td, j'ai essayé en mettant dans width: 300px; dans mon css mais rien n'y fait ... la taille ne bouge pas ><
 
Donc voici le code qui affiche le tableau:

Code :
  1. echo "<table>
  2.   <tr><th><a href=\"consultDysNord.php?choixTri=11 \">Lieu</a>    </th>
  3.    <th><a href=\"consultDysNord.php?choixTri=0 \">Numero</a>    </th>
  4.    <th><a href=\"consultDysNord.php?choixTri=1 \">Date</a>     </th>
  5.    <th><a href=\"consultDysNord.php?choixTri=2 \">Redacteur</a>   </th>
  6.    <th><a href=\"consultDysNord.php?choixTri=3 \">Responsable Curatif</a> </th>
  7.    <th><a href=\"consultDysNord.php?choixTri=4 \">Responsable Service</a> </th>
  8.    <th><a href=\"consultDysNord.php?choixTri=5 \">Type</a>     </th>
  9.    <th><a href=\"consultDysNord.php?choixTri=6 \">Nature</a>    </th>
  10.    <th><a href=\"consultDysNord.php?choixTri=7 \">Processus Concerné</a> </th>
  11.    <th><a href=\"consultDysNord.php?choixTri=8 \">Service Concerné</a>  </th>
  12.    <th><a href=\"consultDysNord.php?choixTri=9 \">Client</a>    </th>
  13.    <th><a href=\"consultDysNord.php?choixTri=10 \">CI</a>     </th>
  14.    <th> Description </th>
  15.   </tr>";
  16.  $req = mysql_query("SELECT * from ea" ) or die(mysql_error());
  18.  // on fait une boucle qui va faire un tour pour chaque enregistrement  
  19.  $i=0;
  20.  while($data = mysql_fetch_assoc($req))
  21.  {
  22.   if($i%2==0)
  23.    echo"
  24.    <tr class=\"tab1\">
  25.     <td>$data[id_lieu]  </td>
  26.     <td>$data[num]   </td>
  27.     <td>$data[date]   </td>
  28.     <td>$data[redacteur] </td>
  29.     <td>$data[respCur]  </td>
  30.     <td>$data[respSer]  </td>
  31.     <td>$data[type]   </td>
  32.     <td>$data[nature]  </td>
  33.     <td>$data[processus] </td>
  34.     <td>$data[service]  </td>
  35.     <td>$data[client]  </td>
  36.     <td>$data[CI]   </td>
  37.     <td>$data[description] </td>
  38.    </tr>";
  39.   else
  40.    echo"
  41.    <tr class=\"tab2\">
  42.     <td>$data[id_lieu]  </td>
  43.     <td>$data[num]   </td>
  44.     <td>$data[date]   </td>
  45.     <td>$data[redacteur] </td>
  46.     <td>$data[respCur]  </td>
  47.     <td>$data[respSer]  </td>
  48.     <td>$data[type]   </td>
  49.     <td>$data[nature]  </td>
  50.     <td>$data[processus] </td>
  51.     <td>$data[service]  </td>
  52.     <td>$data[client]  </td>
  53.     <td>$data[CI]   </td>
  54.     <td>$data[description] </td>
  55.    </tr>";
  56.    $i=$i+1;
  57.  }


 
Ici vous pouvez voir "class = tab1" ou "class = tab2" ce qui correspond a colorer une ligne sur deux pour mieux différencier le tableau
 
Et voici le code css (complet au cas ou mon problème viennent d'une autre partie du css...)
 

Code :
  1. table{
  2. border: solid black 1px;
  3. border-collapse: collapse;
  4. }
  5. /*tr{  
  6. width:100%;
  7. }*/
  8. td,th{
  9. height: 50px;
  10. width: 300px;
  11. border: solid black 1px;
  12. /*border-collapse: collapse;*/
  14. }
  16. .haut{
  17. position: absolute;
  18.     top: 0%;
  19.     left: 0%;
  20. border-bottom: 2px solid #CCCDCD;
  21. width:100%;
  22. padding:0px;
  23. }
  25. h1{
  26. margin:0;
  27. padding-top:50px;
  28. text-align: center;
  29. font-size: 40px;
  30. }
  32. .hautGauche {
  33. float: left;
  34. top: 0px;
  35. left: 0px;
  36. padding: 0px;
  37. }
  39. .menu{
  40. position : absolute;
  41. top:150px;
  42. left:0%;
  43. /*border:solid 1px red;*/
  44. border-right: 2px solid #CCCDCD;
  45. padding:05px;
  46. width:200px;
  47. }
  49. ul{
  50. list-style-type: none;
  51. margin:0px;
  52. }
  54. li{
  55. background-color:#CCCDCD;
  56. margin:1px;
  57. padding:5px;
  58. }
  60. .tab1{
  61. background-color:#1CC1EA;
  62. text-align:center;
  63. width:500px;
  64. }
  66. .tab2{
  67. background-color:#C8EEF7;
  68. text-align:center;
  69. }
  71. .tab3{
  72. background-color:#00ED67;
  73. text-align:center;
  74. }
  76. .corp{
  77. position : absolute;
  78. top:115px;
  79. left:195px;
  80. /*border-left:2px solid #CCCDCD;*/
  81. padding:20px;
  82. }
  84. .connexion{
  85. margin:50px;
  86. border: solid black 1px;
  87. }
  89. .droite{
  90. text-align:right;
  91. padding:5px;
  92. }
  94. .centre{
  95. text-align:center;
  96. padding-left:10px;
  97. padding-right:10px;
  98. }
  100. textarea{
  101. width: 600px;
  102. height: 150px;
  103. }
  106. .style_input{
  107. width:100px;
  108. }


 
Voila j'espère avoir une solution à mon problème parce que je m'arrache les cheveux sans résultats ...
 

Reply

Marsh Posté le 20-04-2012 à 09:38:29   

Reply

Marsh Posté le 20-04-2012 à 09:48:29    

Dans ton code php, c'est où que tu fermes ton tableau?
 
Sinon, dans le css, je mettrais plutôt tr.tab1 plutôt que juste .tab1, idem pour .tab2. Et c'est normal d'avoir un width: 500px dans .tab1? Parce que si tu contrains la largeur de la ligne du tableau, je vois pas comment les cellules td vont pouvoir évoluer en taille :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 20-04-2012 à 09:57:03    

Le width: 500px était une erreur dans mes tentatives de modifications etc mais c'est bon il est en commentaires, mais le problème n'est pas résolu pour autant :( les colonnes ne s'aggrandissent toujours pas  :/
 
Et je rajoute que mes colonnes ne prennent pas la largeur du plus grand mot de l'en tête mais du plus grand mot de la colonne entière. ;)


Message édité par scribou le 20-04-2012 à 09:59:03
Reply

Marsh Posté le 20-04-2012 à 10:04:01    

essaye avec des max-width.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 20-04-2012 à 10:10:14    

ça ne marche pas non plus avec les max-width. ...
Et je viens de vérifier si mon css modifie bien mon tableau, et il le modifie bien (j'ai mis le border: solid black 10px au lieu de 1px et il a bien été modifié)
Vraiment je ne comprend pas ...


Message édité par scribou le 20-04-2012 à 10:18:24
Reply

Marsh Posté le 20-04-2012 à 10:39:46    

Et tu le fermes bien ton <table>?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 20-04-2012 à 10:41:22    

Oui oui il est bien fermé, il est fermé après une partie du code qui est en commentaire, c'est pour ça qu'il n'est pas affiché mais il est fermé, et le <div> est fermé aussi juste après le <table>


Message édité par scribou le 20-04-2012 à 10:41:41
Reply

Marsh Posté le 23-04-2012 à 10:28:20    

Alors personne n'a de solution à mon problème ?

Reply

Marsh Posté le 23-04-2012 à 11:00:48    

Ben les solutions qui devraient marcher ne marchent pas. Soit il nous manque des données (code html de la page complète, par ex, qui permettrait de voir que le pb vient d'autre part), soit tu n'as pas correctement "implémenté" les solutions qui devraient marcher...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 08:15:49    

Ben je ne comprend pas, je vais remettre tous les codes pour essayer de trouver le problème :
 
Ici le code du tableau (quelque peu modifier depuis la dernière fois)

Code :
  1. <?php
  2. session_start();
  3. if(! isset($_SESSION['identifiant'])) {
  4.     header('Location: connexion.php');
  5.     exit();
  6. }
  7. $connection = mysql_pconnect("127.0.0.1","root","" );
  8. $database = mysql_select_db("db", $connection);
  9. include "fctAux.inc.php";
  10. $droitAcces = $_SESSION['droitAcces'];
  12. enTete("Répertorier un dysfonctionnement pour l'URIS Nord" );
  13. haut();
  14. include "menu.php";
  16. echo "<div class=\"corp\">";
  17.  echo"<h2>Consultation des Dysfonctionnements de l'URIS Nord </h2>";
  18.   $choixTri=0;
  19.   if(isset($_GET['choixTri']))
  20. {
  21.  $choixTri=$_GET['choixTri'];
  22. }
  24.   switch($choixTri){  // permet d'organiser le tableau par ordre alphabétique, selon l'option choisi (par numéro, date, redacteur etc.)
  25.  case 0: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`num` ASC ";
  26.       break;
  27.  case 1: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`date` ASC ";
  28.       break;
  29.  case 2: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`redacteur` ASC ";
  30.       break;
  31.  case 3: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`respCur` ASC ";
  32.       break;
  33.  case 4: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`respSer` ASC ";
  34.       break;
  35.  case 5: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`type` ASC ";
  36.       break;
  37.  case 6: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`nature` ASC ";
  38.    break;
  39.  case 7: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`processus` ASC ";
  40.       break;
  41.  case 8: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`service` ASC ";
  42.       break;
  43.  case 9: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`client` ASC ";
  44.       break;
  45.  case 10: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`CI` ASC ";
  46.       break;
  47.  case 11: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`id_lieu` ASC ";
  48.       break;
  49.  default: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`num` ASC ";
  50.       break;
  51. }
  55. //affichage du tableau, avec les en-tête qui permettent de ranger une colonne comme expliqué ci-dessus
  56. echo "<table>
  57.   <tr><th><a href=\"consultDysNordNantes.php?choixTri=11 \">Lieu</a>    </th>
  58.    <th><a href=\"consultDysNordNantes.php?choixTri=0 \">Numero</a>    </th>
  59.    <th><a href=\"consultDysNordNantes.php?choixTri=1 \">Date</a>    </th>
  60.    <th><a href=\"consultDysNordNantes.php?choixTri=2 \">Redacteur</a>   </th>
  61.    <th><a href=\"consultDysNordNantes.php?choixTri=3 \">Responsable Curatif</a></th>
  62.    <th><a href=\"consultDysNordNantes.php?choixTri=4 \">Responsable Service</a></th>
  63.    <th><a href=\"consultDysNordNantes.php?choixTri=5 \">Type</a>    </th>
  64.    <th><a href=\"consultDysNordNantes.php?choixTri=6 \">Nature</a>    </th>
  65.    <th><a href=\"consultDysNordNantes.php?choixTri=7 \">Processus Concerné</a> </th>
  66.    <th><a href=\"consultDysNordNantes.php?choixTri=8 \">Service Concerné</a> </th>
  67.    <th><a href=\"consultDysNordNantes.php?choixTri=9 \">Client</a>    </th>
  68.    <th><a href=\"consultDysNordNantes.php?choixTri=10 \">CI</a>    </th>
  69.    <th> Description </th>
  70.    <th> Action Curative </th>
  71.   </tr>";
  72.  $req = mysql_query($requete) or die(mysql_error());
  73.  $i=0;
  74.  // on fait une boucle qui va faire un tour pour chaque enregistrement  
  75.  while($data = mysql_fetch_assoc($req))
  76.  {
  77.   if($i%2==0)
  78.   {   //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
  79.    echo"
  80.    <tr class=\"tab1\">
  81.     <td>$data[id_lieu]  </td>
  82.     <td>$data[num]   </td>
  83.     <td>$data[date]   </td>
  84.     <td>$data[redacteur] </td>
  85.     <td>$data[respCur]  </td>
  86.     <td>$data[respSer]  </td>
  87.     <td>$data[type]   </td>
  88.     <td>$data[nature]  </td>
  89.     <td>$data[processus] </td>
  90.     <td>$data[service]  </td>
  91.     <td>$data[client]  </td>
  92.     <td>$data[CI]   </td>
  93.     <td>$data[description] </td>
  94.     <td>$data[actionCur] </td>";
  95.     if ($data['actionCur'] == NULL)
  96.     {
  97.      echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']." &num=".$data['num']."\">Ajouter Action Curative</a></td>";
  98.     }
  99.     else{echo"<td></td>";}
  100.    echo"</tr>";
  101.   }
  102.   else  //fait appel au design "tab2" si le nombre i est impair
  103.   {
  104.    echo"
  105.    <tr class=\"tab2\">
  106.     <td>$data[id_lieu]  </td>
  107.     <td>$data[num]   </td>
  108.     <td>$data[date]   </td>
  109.     <td>$data[redacteur] </td>
  110.     <td>$data[respCur]  </td>
  111.     <td>$data[respSer]  </td>
  112.     <td>$data[type]   </td>
  113.     <td>$data[nature]  </td>
  114.     <td>$data[processus] </td>
  115.     <td>$data[service]  </td>
  116.     <td>$data[client]  </td>
  117.     <td>$data[CI]   </td>
  118.     <td>$data[description] </td>
  119.     <td>$data[actionCur] </td>";
  120.     if ($data['actionCur'] == NULL)
  121.     {
  122.      echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']." &num=".$data['num']."\">Ajouter Action Curative</a></td>";
  123.     }
  124.     else{echo"<td></td>";}
  125.    echo"</tr>";
  126.   }
  127.   $i=$i+1;
  128.  }
  129.   echo"</table>";
  130.  
  131.    
  132. echo"</div>";
  133. ?>


 
 
Et Ici le code css (qui a du être lui aussi un peu modifier):

Code :
  1. table{
  2. border: solid black 1px;
  3. border-collapse: collapse;
  4. }
  5. /*tr{  
  6. width:100%;
  7. }*/
  8. td{
  9. width: 100px;
  10. border: solid black 1px;
  11. /*border-collapse: collapse;*/
  13. }
  14. th{
  15. width: 200px;
  16. border: solid black 1px;
  17. }
  18. .haut{
  19. position: absolute;
  20.     top: 0%;
  21.     left: 0%;
  22. border-bottom: 2px solid #CCCDCD;
  23. width:100%;
  24. padding:0px;
  25. }
  27. h1{
  28. margin:0;
  29. padding-top:50px;
  30. text-align: center;
  31. font-size: 40px;
  32. }
  34. .hautGauche {
  35. float: left;
  36. top: 0px;
  37. left: 0px;
  38. padding: 0px;
  39. }
  41. .menu{
  42. position : absolute;
  43. top:150px;
  44. left:0%;
  45. /*border:solid 1px red;*/
  46. border-right: 2px solid #CCCDCD;
  47. padding:05px;
  48. width:200px;
  49. }
  51. ul{
  52. list-style-type: none;
  53. margin:0px;
  54. }
  56. li{
  57. background-color:#CCCDCD;
  58. margin:1px;
  59. padding:5px;
  60. }
  62. tr.tab1{
  63. background-color:#1CC1EA;
  64. text-align:center;
  65. width: 100px;
  66. border: solid black 1px;
  67. /*width:500px;*/
  68. }
  70. tr.tab2{
  71. background-color:#C8EEF7;
  72. text-align:center;
  73. width: 100px;
  74. border: solid black 1px;
  75. }
  77. .tab3{
  78. background-color:#00ED67;
  79. text-align:center;
  80. }
  82. .corp{
  83. position : absolute;
  84. top:115px;
  85. left:195px;
  86. /*border-left:2px solid #CCCDCD;*/
  87. padding:20px;
  88. }
  90. .connexion{
  91. margin:50px;
  92. border: solid black 1px;
  93. }
  95. .droite{
  96. text-align:right;
  97. padding:5px;
  98. width: 200px;
  99. border: solid black 1px;
  100. /*border-collapse: collapse;*/
  101. }
  103. .centre{
  104. text-align:center;
  105. padding-left:10px;
  106. padding-right:10px;
  107. border: solid black 1px;
  108. /*border-collapse: collapse;*/
  109. }
  111. textarea{
  112. width: 600px;
  113. height: 150px;
  114. }
  117. .style_input{
  118. width:100px;
  119. }


 
Si il y a besoin de voir un autre code il suffit de demander ;)
J'espère vraiment pouvoir fixer la largeur de mes colonnes sinon mon tableau ne ressemble à rien :/

Reply

Marsh Posté le 24-04-2012 à 08:15:49   

Reply

Marsh Posté le 24-04-2012 à 08:48:08    

Et Je rajoute aussi avant que ce ne soit demander, le code source de la page  

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Répertorier un dysfonctionnement pour l'URIS Nord</title>
  5. <link href="design.css" type="text/css" rel="stylesheet"></head>
  6. <body>
  7. <div class="haut"><img class="hautGauche" src="images.jpg"><h1>Qualigram Evolution</h1></div>    <div class="menu">
  8.    Vous travaillez sur l'Antenne de Nantes
  9.    <ul>
  10.    Antenne de Nantes
  11.    <li><a href="ajoutDysNordNantes.php">Ajouter un Dysfonctionnement</a></li>
  12.    <li><a href="consultDysNordNantes.php">Consulter les Dysfonctionnements</a></li>
  13.    </ul>
  14.    <ul>
  15.    Antenne de Rouen
  16.    <li><a href="consultDysNordRouen.php">Consulter les Dysfonctionnements</a></li>
  17.    </ul>
  18.    <ul>
  19.    Antenne de Lille
  20.    <li><a href="consultDysNordLille.php">Consulter les Dysfonctionnements</a></li>
  21.    </ul>
  22.    <ul>
  23.    Antenne de Londres
  24.    <li><a href="consultDysNordLondres.php">Consulter les Dysfonctionnements</a></li>
  25.    </ul>
  26.    <ul>
  27.    Antenne de Nancy
  28.    <li><a href="consultDysNordNancy.php">Consulter les Dysfonctionnements</a></li>
  29.    </ul>
  30.    <ul>
  31.    Ensemble de l'URIS Nord
  32.    <li><a href="consultDysNord.php">Consulter les Dysfonctionnements sur l'URIS Nord</a></li>
  33.    </ul>
  34.    <p><a href="deconnexion.php">Se déconnecter</a></p>
  35.    </div>
  36.   <div class="corp"><h2>Consultation des Dysfonctionnements de l'URIS Nord </h2><table>
  37.   <tr><th><a href="consultDysNordNantes.php?choixTri=11 ">Lieu</a>    </th>
  38.    <th><a href="consultDysNordNantes.php?choixTri=0 ">Numero</a>    </th>
  39.    <th><a href="consultDysNordNantes.php?choixTri=1 ">Date</a>    </th>
  40.    <th><a href="consultDysNordNantes.php?choixTri=2 ">Redacteur</a>   </th>
  41.    <th><a href="consultDysNordNantes.php?choixTri=3 ">Responsable Curatif</a></th>
  42.    <th><a href="consultDysNordNantes.php?choixTri=4 ">Responsable Service</a></th>
  43.    <th><a href="consultDysNordNantes.php?choixTri=5 ">Type</a>    </th>
  44.    <th><a href="consultDysNordNantes.php?choixTri=6 ">Nature</a>    </th>
  45.    <th><a href="consultDysNordNantes.php?choixTri=7 ">Processus Concerné</a> </th>
  46.    <th><a href="consultDysNordNantes.php?choixTri=8 ">Service Concerné</a> </th>
  47.    <th><a href="consultDysNordNantes.php?choixTri=9 ">Client</a>    </th>
  48.    <th><a href="consultDysNordNantes.php?choixTri=10 ">CI</a>    </th>
  49.    <th> Description </th>
  50.    <th> Action Curative </th>
  51.   </tr>
  52.    <tr class="tab1">
  53.     <td>Nantes  </td>
  54.     <td>64   </td>
  55.     <td>20-04-2012   </td>
  56.     <td>---- </td>
  57.     <td>----  </td>
  58.     <td>----  </td>
  59.     <td>----   </td>
  60.     <td>----  </td>
  61.     <td>---- </td>
  62.     <td>----  </td>
  63.     <td>----  </td>
  64.     <td>0   </td>
  65.     <td>Test1 </td>
  66.     <td>vezvzervezzv telalala test 64 </td><td></td></tr>
  67.    <tr class="tab2">
  68.     <td>Nantes  </td>
  69.     <td>65   </td>
  70.     <td>20-04-2012   </td>
  71.     <td>---- </td>
  72.     <td>----  </td>
  73.     <td>----  </td>
  74.     <td>----   </td>
  75.     <td>----  </td>
  76.     <td>---- </td>
  77.     <td>----  </td>
  78.     <td>----  </td>
  79.     <td>0   </td>
  80.     <td>eczeczce </td>
  81.     <td>Tapez eczeczecz </td><td></td></tr>
  82.    <tr class="tab1">
  83.     <td>Nantes  </td>
  84.     <td>66   </td>
  85.     <td>20-04-2012   </td>
  86.     <td>ADAM Fabrice </td>
  87.     <td>BADROU Mohamed  </td>
  88.     <td>----  </td>
  89.     <td>----   </td>
  90.     <td>----  </td>
  91.     <td>---- </td>
  92.     <td>----  </td>
  93.     <td>----  </td>
  94.     <td>0   </td>
  95.     <td>Tapez votre description </td>
  96.     <td>test 66 </td><td></td></tr>
  97.    <tr class="tab2">
  98.     <td>Nantes  </td>
  99.     <td>67   </td>
  100.     <td>20-04-2012   </td>
  101.     <td>AUGER Chrystelle </td>
  102.     <td>BALLAND Evangéline  </td>
  103.     <td>----  </td>
  104.     <td>----   </td>
  105.     <td>----  </td>
  106.     <td>---- </td>
  107.     <td>----  </td>
  108.     <td>----  </td>
  109.     <td>0   </td>
  110.     <td>Tapez votre description </td>
  111.     <td>lalalilalere </td><td></td></tr>
  112.    <tr class="tab1">
  113.     <td>Nantes  </td>
  114.     <td>68   </td>
  115.     <td>20-04-2012   </td>
  116.     <td>---- </td>
  117.     <td>----  </td>
  118.     <td>Le Roy Olivier  </td>
  119.     <td>----   </td>
  120.     <td>----  </td>
  121.     <td>---- </td>
  122.     <td>----  </td>
  123.     <td>----  </td>
  124.     <td>0   </td>
  125.     <td>Tapez votre description </td>
  126.     <td>lalalalierelalalieleialaielzialeizle </td><td></td></tr>
  127.    <tr class="tab2">
  128.     <td>Nantes  </td>
  129.     <td>69   </td>
  130.     <td>23-04-2012   </td>
  131.     <td>---- </td>
  132.     <td>----  </td>
  133.     <td>----  </td>
  134.     <td>----   </td>
  135.     <td>----  </td>
  136.     <td>---- </td>
  137.     <td>----  </td>
  138.     <td>----  </td>
  139.     <td>0   </td>
  140.     <td>J'essai de faire un truc et de
  141. l'amener a la ligne </td>
  142.     <td>Test action Cur </td><td></td></tr>
  143.    <tr class="tab1">
  144.     <td>Nantes  </td>
  145.     <td>70   </td>
  146.     <td>23-04-2012   </td>
  147.     <td>ASSOCIE Matthias </td>
  148.     <td>ASSOCIE Matthias  </td>
  149.     <td>----  </td>
  150.     <td>----   </td>
  151.     <td>----  </td>
  152.     <td>---- </td>
  153.     <td>----  </td>
  154.     <td>----  </td>
  155.     <td>0   </td>
  156.     <td>blablablabla </td>
  157.     <td>Tapez votre action curative </td><td></td></tr>
  158.    <tr class="tab2">
  159.     <td>Nantes  </td>
  160.     <td>71   </td>
  161.     <td>23-04-2012   </td>
  162.     <td>---- </td>
  163.     <td>----  </td>
  164.     <td>----  </td>
  165.     <td>----   </td>
  166.     <td>----  </td>
  167.     <td>---- </td>
  168.     <td>----  </td>
  169.     <td>----  </td>
  170.     <td>0   </td>
  171.     <td>blablablablablabla </td>
  172.     <td>zevezrvrevervezv </td><td></td></tr>
  173.    <tr class="tab1">
  174.     <td>Nantes  </td>
  175.     <td>72   </td>
  176.     <td>23-04-2012   </td>
  177.     <td>---- </td>
  178.     <td>----  </td>
  179.     <td>----  </td>
  180.     <td>----   </td>
  181.     <td>----  </td>
  182.     <td>---- </td>
  183.     <td>----  </td>
  184.     <td>----  </td>
  185.     <td>0   </td>
  186.     <td>epzokcojizec </td>
  187.     <td>svedv  </td><td></td></tr>
  188.    <tr class="tab2">
  189.     <td>Nantes  </td>
  190.     <td>73   </td>
  191.     <td>24-04-2012   </td>
  192.     <td>---- </td>
  193.     <td>----  </td>
  194.     <td>----  </td>
  195.     <td>----   </td>
  196.     <td>----  </td>
  197.     <td>---- </td>
  198.     <td>----  </td>
  199.     <td>----  </td>
  200.     <td>0   </td>
  201.     <td>efevvrtvr </td>
  202.     <td> </td><td><a href="ajoutActionCur.php?lieu=Nantes &num=73">Ajouter Action Curative</a></td></tr></table></div>

Reply

Marsh Posté le 24-04-2012 à 10:48:06    

Petit conseil pour ton switch concernant le tri. Mets plutôt les champs servant au tri dans un tableau comme ça, tu transformes ton horrible switch en :

Code :
  1. $ArrayChampsTri = array("num", "date", "redacteur", ...);
  2. $sOrderBy = "";
  3. if (isset($ArrayChampsTri[$choixTri])) {
  4.     $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
  5. }
  6.  
  7. $requete = "SELECT * FROM `eanantes` $sOrderBy";


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 11:26:10    

Merci pour le switch, c'est modifier ;)
Mais toujours pas trouvé l'erreur de ces colonnes qui ne veulent pas s'agrandir ? :/

Reply

Marsh Posté le 24-04-2012 à 12:45:36    

Plusieurs choses :
1) t'as remarqué que ton th a un width de 200px alors que ton td a un width de 100px :??: Le navigateur va forcément prendre le plus grand
 
2) dans tes td, pas mal de valeurs ont des espaces à la fin.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 13:40:59    

Oui tu as raison j'ai remis le width tu td a 200px mais rien ne change
Et dans les td les valeurs n'ont pas vraiment des espaces mais j'ai aligné les balises via des tabulations par soucis de lecture, je n'aurais peut être pas dû ? Je ne crois pas que cela influt sur le code généré ?
 
Penses tu que le fait de ne pas pouvoir modifier la taille des colonnes et surtout le fait qu'elles s'adaptent à la longueur de la plus grande chaine de caractères puisse venir d'ailleurs que du code de la page et du css ?

Reply

Marsh Posté le 24-04-2012 à 14:40:27    

Ca fait pareil sur d'autres navigateurs?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 14:48:39    

Oui, je suis avec ie (obligé au boulot ...) mais je viens de tester sur Firefox et le résultat est le même  
Excepté pour la date, ou avant elle s'affichait un nombre par ligne (20 -> ligne 1,-04 ligne 2, -2012 ligne3) maintenant elle est affichée sur une seule ligne au format  (20-04-2012)
Mais j'ai l'impression que mon tableau ne veut pas dépasser la taille de la page, hors je ne crois pas lui avoir demandé ça :/


Message édité par scribou le 24-04-2012 à 14:52:10
Reply

Marsh Posté le 24-04-2012 à 14:55:36    

Tu devrais utiliser Firebug pour voir à quel moment ton width:100 n est pas pris en compte. C'est très efficace !

Reply

Marsh Posté le 24-04-2012 à 15:07:59    

Bon alors j'ai testé avec firebug mais je ne trouve pas plus pourquoi mon tableau respecte impérativement la taille de la page, grâce a firebug j'ai pu voir ce que ça donnait si mon tableau se décalait par dessus le menu, en effet là les colonnes s'agrandissent un peu même si ce n'est pas suffisant pour que chaque colonne fasse la bonne taille (et surtout ça se voit car elles ne font pas la même taille)
Mais il ne veut pas dépasser la taille de la page le p'tit salop ><

Reply

Marsh Posté le 24-04-2012 à 15:12:50    

A ben ça, c'est normal. Si ton body à un width de 100% (ce qui est le cas normalement), le contenu de ta page web ne dépassera pas la largeur de ton body sauf si un élément de la page a une largeur plus importante provoquée par un contenu ne pouvant aller à la ligne (texte insécable, image très large...).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 15:19:21    

Ok et donc pour remédier à ça j'aurais juste à faire un  
body{ width: 150%;} ? (je viens de tester le body width 150% et même 300% mais ça ne marche pas :/ )
(ou autre s'il y a moyen de faire que le body grandisse uniquement si nécessaire je suis preneur)
 
Et sinon question hors sujet mais en passant, plutot que de refaire un topic peut etre inutile :  
J'ai affiché différente tables sql dans un seul tableau de mon php, et je voudrais exécuter un order by sur le tableau (via la méthode que tu m'a donné plus haut) est-ce possible ou c'est pas possible de faire un order by sur plusieurs table sql "coller" les unes aux autres dans un tableau ?
(Si nécessaire je peux refaire un topic mais je préfère demander vite fais ici)


Message édité par scribou le 24-04-2012 à 15:22:45
Reply

Marsh Posté le 24-04-2012 à 16:29:53    

ben oui, ça s'appelle faire des jointures entre les tables (en SQL) et tu peux utiliser plusieurs champs dans le order by, des champs provenant de différentes tables (listées dans le FROM, bien entendu).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 16:32:15    

Oui oui je sais qu'il y à les jointures possible mais j'ai pas trouvé la solution, j'ai essayé de réutiliser quelque chose (que tu as fait sur un autre topic d'ailleurs) et ça ressemble à ça :

Code :
  1. $choixTri=0;
  2. if(isset($_GET['choixTri']))
  3. {
  4.  $choixTri=$_GET['choixTri'];
  5. }
  6. $ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "CI", "id_lieu" );
  7. $sOrderBy = "";
  8. if (isset($ArrayChampsTri[$choixTri]))
  9. {
  10.     $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
  11. }
  13.  $requete = "SELECT * FROM `eanantes` UNION
  14.     SELECT * FROM `earouen` UNION
  15.     SELECT * FROM `ealille` UNION
  16.     SELECT * FROM `ealondres` UNION
  17.     SELECT * FROM `eanancy` UNION
  18.     $sOrderBy";

Reply

Marsh Posté le 24-04-2012 à 16:34:03    

Ok autant pour moi une bonne partie fonctionne il me semble, je vais modifier ce qui ne va pas (notamment ce UNION en trop ;) )  
 
Par contre toujours pas de solution pour le body width: 100%

Reply

Marsh Posté le 24-04-2012 à 16:38:52    

tu connais les jointures et tu fais des UNION :??: Soit j'ai pas compris ce que tu veux faire, soit c'est toi qui n'a rien compris aux jointures :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 16:44:04    

Oh il est fort possible que je n'ai pas compris grand chose aux jointures, ce n'est pas mon fort et lorsque j'ai voulu en faire pour le tri de mon tableau ça n'a pas marché donc j'ai fait avec ce que j'ai trouvé :$
 
Ma requète ressemblait à ça avant :

Code :
  1. $requete = "SELECT * FROM `eanantes`,`earouen`,`ealille`,`ealondres`,`eanancy` where eanantes.type=earouen.type
  2.                       AND eanantes.type=ealille.type
  3.                       AND eanantes.type=ealondres.type
  4.                       AND eanantes.type=eanancy.type,  $sOrderBy";

Reply

Marsh Posté le 24-04-2012 à 16:47:31    

Tu pourrais poster le MCD (schéma ou structure de ta BD). Vu le nom de tes tables, j'ai très peur de la modélisation de la BD (même si ça n'a certes rien à voir avec ton pb de tableau)...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-04-2012 à 16:56:26    

Euh je crois que tu as raison d'avoir peur, la BDD n'est pas mon point fort malheureusement ...  
J'espère que ce que je vais te donner sera suffisant:
Alors j'ai ces tables:
 client, ealille, ealondres, eanancy, eanantes, eanord, earouen, nature, processus, redacteur, respcur, respser, service, type
 
les tables client, nature, processus, redacteur, respcur, respser, service, type sont composées respectivement  
d'un SID_client et d'un nom_client, SID_nature et nom_nature etc.
 
Et les tables ealille, ealondres,eanantes,eanancy,eanord, earouen
Sont respectivement composées:
 num, date, redacteur, respCur, respSer, type, nature, processus, service, client, CI, description, actionCur, id_lieu  
 
Les clés primaires des premières tables sont le SID, et les clés primaires des ea* sont le num
 
J'espère que c'est ce que tu voulais savoir :/

Reply

Marsh Posté le 24-04-2012 à 17:02:59    

T'as pas ça sous forme graphique (c'est ce qu'on appelle un MCD). Là, c'est pas évident de se représenter.
 
Mais je peux déjà te dire que si t'as des listes de champs identiques pour plusieurs tables, c'est que t'as un pb. En effet, tu pourrais les factoriser dans une seule table, en rajoutant simplement un champ de type unsigned "tinyint" représentant le rôle fonctionnel de l'enregistrement (ie, le nom de la table en qq sorte d'où il vient initialement, ex : 1 -> nature, 2 -> processus...).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 25-04-2012 à 08:03:07    

Je ne sas pas comment obtenir le MCD réellement, alors j'ai fait au mieux en écrivant :/
 
Avant d'essayer de refaire mes tables et de les réunir tu ne crois pas que étant donné que certaines tables sont assez longues (surtout les tables respCur et redacteur qui ont chacune environ 400 données) il serait préférable de laisser les tables séparées pour éviter de parcourir toutes les tables a chaque recherche, à chaque tri etc. Sachant que je dois afficher les données de certaines tables dans des listes déroulantes, et parfois je dois afficher les données d'une table mais pas d'une autre.  
Donc si je réunis tout, n'y aurais-t-il pas une perte de vitesse lors des requètes du fait des plus grandes tables ?
 
Et il faut savoir ussi que les accès aux différentes tables dépendent aussi des droits d'accès de la session ( exemple: un utilisateur identifier comme venant de nantes pourra ajouter des données dans la table de nantes mais pas dans les autres, mais il pourra consulter les tables des autres lieux)
 
 
Et je rajoute encore une chose, il faut que chaque données des tables eanantes, ealille, ealondres, et nancy et earouen aient un iD unique et indépendant (il doit y avoir un SID = 1 dans chaque tables)

Message cité 1 fois
Message édité par scribou le 25-04-2012 à 08:35:08
Reply

Marsh Posté le 25-04-2012 à 10:56:10    

Alors j'ai trouvé une solution pour les colonnes ! Je ne peux pas expliquer pourquoi les solutions précédentes ne fonctionnaient pas et que celle la marche mais bon. La solution est la suivante:
 
Ajout d'une partie de code css

Code :
  1. .colonne {
  2. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  3. font-size: 12px; /* taille du texte */
  4. text-align: center; /* texte aligner à droite */
  5. width: 100px; /* largeur de la cellule*/
  6. height:50px;
  7. }
  8. .numero{
  9. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  10. font-size: 12px; /* taille du texte */
  11. text-align: center; /* texte aligner à droite */
  12. width: 75px; /* largeur de la cellule*/
  13. }
  14. .texte{
  15. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  16. font-size: 12px; /* taille du texte */
  17. text-align: left; /* texte aligner à droite */
  18. width: 300px; /* largeur de la cellule*/
  19. }


 
Et juste ajout de la classe dans chaque colonne du tableau php

Code :
  1. echo"
  2.    <tr class=\"tab1\">
  3.     <td><div class=\"numero\">$data[num]  </div></td>
  4.     <td><div class=\"numero\">$data[date]  </div></td>
  5.     <td><div class=\"colonne\">$data[redacteur] </div></td>
  6.     <td><div class=\"colonne\">$data[respCur] </div></td>
  7.     <td><div class=\"colonne\">$data[respSer] </div></td>
  8.     <td><div class=\"colonne\">$data[type]  </div></td>
  9.     <td><div class=\"colonne\">$data[nature]  </div></td>
  10.     <td><div class=\"colonne\">$data[processus] </div></td>
  11.     <td><div class=\"colonne\">$data[service] </div></td>
  12.     <td><div class=\"colonne\">$data[client]  </div></td>
  13.     <td><div class=\"numero\">$data[CI]   </div></td>
  14.     <td><div class=\"texte\">$data[description]</div></td>
  15.     <td><div class=\"texte\">$data[actionCur] </div></td>";
  16.     if ($data['actionCur'] == NULL && $droitAcces==2)
  17.     {
  18.      echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\">Ajouter Action Curative</a></td>";
  19.     }
  20.     else{echo"<td></td>";}
  21.    echo"</tr>";
  22. }


 
Donc voila quelque chose qui fonctionne. =)

Message cité 1 fois
Message édité par scribou le 25-04-2012 à 10:56:49
Reply

Marsh Posté le 27-04-2012 à 10:03:27    

scribou a écrit :

Je ne sas pas comment obtenir le MCD réellement, alors j'ai fait au mieux en écrivant :/
 
Avant d'essayer de refaire mes tables et de les réunir tu ne crois pas que étant donné que certaines tables sont assez longues (surtout les tables respCur et redacteur qui ont chacune environ 400 données) il serait préférable de laisser les tables séparées pour éviter de parcourir toutes les tables a chaque recherche, à chaque tri etc. Sachant que je dois afficher les données de certaines tables dans des listes déroulantes, et parfois je dois afficher les données d'une table mais pas d'une autre.  
Donc si je réunis tout, n'y aurais-t-il pas une perte de vitesse lors des requètes du fait des plus grandes tables ?
 
Et il faut savoir ussi que les accès aux différentes tables dépendent aussi des droits d'accès de la session ( exemple: un utilisateur identifier comme venant de nantes pourra ajouter des données dans la table de nantes mais pas dans les autres, mais il pourra consulter les tables des autres lieux)
 
 
Et je rajoute encore une chose, il faut que chaque données des tables eanantes, ealille, ealondres, et nancy et earouen aient un iD unique et indépendant (il doit y avoir un SID = 1 dans chaque tables)


 
Alors, d'ans l'ordre :
1) Le MCD, on le fait pas après avoir implémenté la BD dans le SGBD, mais avant. Dans le dév d'une apli de gestion, c'est l'un des documents de référence.
 
2) pour toi, des tables de 400 lignes, c'est beaucoup? Pour info, la taille max des tables de Mysql se situe, de mémoire, à 50 millions de lignes. Et s'il faut modifier ton schéma et migrer les données, ça se fait par des requêtes sql ou des scripts, pas à la main.
 
3) quand tu listes le contenu d'une table, si tu n'en veux qu'une partie, les clauses where sont faites pour ça. Et pour les perfs, les index sont là pour ça aussi. Savoir bien indexer des champs suivant les requêtes qu'on fait, c'est important. La commande EXPLAIN peut t'aider dans le cas de requêtes qui sont trop longue. Pour info, sur l'une des applis que je développe (Astres, cf ma signature), j'ai un table qui contient plusieurs millions de lignes. Quand je la requête, j'ai des temps de réponses de l'ordre de 5-6s (et je suis sur un serveur pas très puissant). Et si t'as encore des pbs de perfs, tu peux tuner mysql en modifiant le fichier de conf et agrandir la taille de certains buffers ou caches.
 
4) pour la gestion des droits, ça se mets dans un fichier de conf ou une table. Cette gestion n'a rien à voir avec la structure de ta BD.
 
Conclusion : aucun de tes arguments n'est recevable... :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 27-04-2012 à 10:04:27    

scribou a écrit :

Alors j'ai trouvé une solution pour les colonnes ! Je ne peux pas expliquer pourquoi les solutions précédentes ne fonctionnaient pas et que celle la marche mais bon. La solution est la suivante:
 
Ajout d'une partie de code css

Code :
  1. .colonne {
  2. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  3. font-size: 12px; /* taille du texte */
  4. text-align: center; /* texte aligner à droite */
  5. width: 100px; /* largeur de la cellule*/
  6. height:50px;
  7. }
  8. .numero{
  9. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  10. font-size: 12px; /* taille du texte */
  11. text-align: center; /* texte aligner à droite */
  12. width: 75px; /* largeur de la cellule*/
  13. }
  14. .texte{
  15. font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
  16. font-size: 12px; /* taille du texte */
  17. text-align: left; /* texte aligner à droite */
  18. width: 300px; /* largeur de la cellule*/
  19. }


 
Et juste ajout de la classe dans chaque colonne du tableau php

Code :
  1. echo"
  2.    <tr class=\"tab1\">
  3.     <td><div class=\"numero\">$data[num]  </div></td>
  4.     <td><div class=\"numero\">$data[date]  </div></td>
  5.     <td><div class=\"colonne\">$data[redacteur] </div></td>
  6.     <td><div class=\"colonne\">$data[respCur] </div></td>
  7.     <td><div class=\"colonne\">$data[respSer] </div></td>
  8.     <td><div class=\"colonne\">$data[type]  </div></td>
  9.     <td><div class=\"colonne\">$data[nature]  </div></td>
  10.     <td><div class=\"colonne\">$data[processus] </div></td>
  11.     <td><div class=\"colonne\">$data[service] </div></td>
  12.     <td><div class=\"colonne\">$data[client]  </div></td>
  13.     <td><div class=\"numero\">$data[CI]   </div></td>
  14.     <td><div class=\"texte\">$data[description]</div></td>
  15.     <td><div class=\"texte\">$data[actionCur] </div></td>";
  16.     if ($data['actionCur'] == NULL && $droitAcces==2)
  17.     {
  18.      echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\">Ajouter Action Curative</a></td>";
  19.     }
  20.     else{echo"<td></td>";}
  21.    echo"</tr>";
  22. }


 
Donc voila quelque chose qui fonctionne. =)


 
Mettre un div par cellule de tableau, c'est tout simplement immonde comme solution.  :pfff:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 27-04-2012 à 14:35:41    

Alors pour le MCD désolé mais on ne m'a jamais appris à faire ça dans ma formation donc je pouvais pas l'inventer ><
 
Et sinon pour les bases de données toutes les informations que tu m'as donnée je les connaissais pas et c'est bien pour ça que je posais les questions ...  
 
Et pour la gestion des droits la façon dont j'ai fait ce n'est pas en rapport avec la bdd donc tout va bien, mais je précisais juste au cas ou ;)
 
Et pour finir sur les div je reconnais que ça fait pas top mais c'est que j'ai besoin d'une taille différente de colonne selon ce qu'elle va permettre d'afficher (une colonne qui affiche un nombre sera plus petite qu'une colonne qui affiche un champ pré-défini qui elle même sera plus petite qu'une colonne qui affiche une zone de texte) et je ne sais pas faire en sorte que les colonnes 1 et 2 fassent telle taille, les colonnes 3,4,5,6,7,8,9,10,11 fassent telle autre taille et enfin les colonnes 12 et 13 fassent encore une autre taille sans mettre des DIV différents :/
 
Mais pour conclure, si aucun de mes arguments est valable au niveau de la base de données, je dois réunir les tables c'est bien ça ? ;)

Reply

Marsh Posté le 27-04-2012 à 14:40:24    

Ok pour les DIV je suis un peu bête, peut-être que ceci te plaira plus ;)

Code :
  1. if($i%2==0)
  2.   {   //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
  3.    echo"
  4.    <tr class=\"tab1\">
  5.     <td><div class=\"numero\"> $data[num]    </td>
  6.     <td>      $data[date]   </div></td>
  7.     <td><div class=\"colonne\"> $data[redacteur]  </td>
  8.     <td>      $data[respCur]   </td>
  9.     <td>      $data[respSer]   </td>
  10.     <td>      $data[type]    </td>
  11.     <td>      $data[nature]   </td>
  12.     <td>      $data[processus]  </td>
  13.     <td>      $data[service]   </td>
  14.     <td>      $data[client]   </td>
  15.     <td>      $data[classification]</div></td>
  16.     <td><div class=\"texte\"> $data[description]  </td>
  17.     <td>      $data[actionCur] </div></td>";
  18.     if($droitAcces==2)
  19.     {
  20.      if ($data['actionCur'] == NULL)
  21.      {
  22.       echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
  23.      }
  24.      else{echo"<td></td>";}
  25.     }
  26.    echo"</tr>";
  27.   }
  28.   else  //fait appel au design "tab2" si le nombre i est impair
  29.   {
  30.    echo"
  31.    <tr class=\"tab2\">
  32.     <td><div class=\"numero\"> $data[num]    </td>
  33.     <td>      $data[date]   </div></td>
  34.     <td><div class=\"colonne\"> $data[redacteur]  </td>
  35.     <td>      $data[respCur]   </td>
  36.     <td>      $data[respSer]   </td>
  37.     <td>      $data[type]    </td>
  38.     <td>      $data[nature]   </td>
  39.     <td>      $data[processus]  </td>
  40.     <td>      $data[service]   </td>
  41.     <td>      $data[client]   </td>
  42.     <td>      $data[classification]</div></td>
  43.     <td><div class=\"texte\"> $data[description]  </td>
  44.     <td>      $data[actionCur] </div></td>";
  45.     if($droitAcces==2)
  46.     {
  47.      if ($data['actionCur'] == NULL)
  48.      {
  49.       echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
  50.      }
  51.      else{echo"<td></td>";}
  52.     }
  53.    echo"</tr>";

Reply

Marsh Posté le 27-04-2012 à 14:44:20    

Tu peux nous redonner la dernière version de ta page html et de ton css?


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 27-04-2012 à 14:56:40    

Je n'ai pas encore regardé le détail de ta page, mais ta table devrait être de la forme suivante:

Code :
  1. <table>
  2. <thead>
  3.   <tr>
  4.    <th></th>
  5.    <th></th>
  6.   </tr>
  7. </thead>
  8. <tbody>
  9.   <tr>
  10.    <td></td>
  11.    <td></td>
  12.   </tr>
  13. </tbody>
  14. </table>


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 27-04-2012 à 15:01:21    

Si ta table a toujours le même nombre de colonnes (15), et que tu souhaites donner la même largeur (200px) à tes colonnes, la solution la plus simple est de mettre ceci dans ta css:

Code :
  1. table {width:3000px;}
  2. th, td {width:200px;}


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 27-04-2012 à 15:02:32    

Bien sûr !  
Alors voilà la page php de consultation:

Code :
  1. <?php
  2. session_start();
  3. if(! isset($_SESSION['identifiant'])) {
  4.     header('Location: connexion.php');
  5.     exit();
  6. }
  7. $connection = mysql_pconnect("127.0.0.1","root","" );
  8. $database = mysql_select_db("db", $connection);
  9. include "fctAux.inc.php";
  10. $droitAcces = $_SESSION['droitAcces'];
  12. enTete("Répertorier un dysfonctionnement pour l'antenne de Nantes" );
  13. haut();
  14. include "menu.php";
  16. echo "<div class=\"corpConsult\">";
  17.  echo"<h2>Consultation des Dysfonctionnements de l'URIS Nord </h2>";
  18. $choixTri=0;
  19. if(isset($_GET['choixTri'])) //si la variable existe
  20. {
  21.  $choixTri=$_GET['choixTri']; //attribue a la varibale $choixTri la valeur renvoyée par le formulaire
  22. }
  23. if(isset($_GET['nature']))
  24. {
  25.  $nature=$_GET['nature'];
  26. }
  27. if(isset($_GET['classification']))
  28. {
  29.  $classification=$_GET['classification'];
  30. }
  31. if(isset($_GET['processus']))
  32. {
  33.  $processus=$_GET['processus'];
  34. }
  35. if(isset($_GET['type']))
  36. {
  37.  $type=$_GET['type'];
  38. }
  39. if(isset($_GET['dateDebut']))
  40. {
  41.  $dateDebut=$_GET['dateDebut'];
  42. }
  43. if(isset($_GET['dateFin']))
  44. {
  45.  $dateFin=$_GET['dateFin'];
  46. }
  49. echo"<form action = \"consultDysNordNantes.php\" method = \"get\">
  50.  <table>
  51.  <tr><td>Trier par Nature : </td>
  52.   <td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name=\"nature\">";
  53.   $result = mysql_query("SELECT * FROM nature ORDER BY nom_nature;" )or die(mysql_error());
  55.    while ($ligne = mysql_fetch_array($result))
  56.    {
  57.     extract($ligne);
  58.     echo "<option id_nature='$SID_nature'>".$nom_nature."</option>\n";
  59.    }
  60.  echo "</select></td>
  61.   <td>Classification : </td>
  62.    <td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name =\"classification\">
  63.    <option name =\"vide\">----</option>
  64.    <option name =\"qualite\">Qualité</option>
  65.    <option name =\"securite\">Sécurité</option>
  66.    <option name =\"environnement\">Environnement</option>
  67.    </select>
  68.   </td>
  69.  </tr>
  70.  <tr><td>Processus : </td>
  71.   <td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name=\"processus\">";
  72.   $result = mysql_query("SELECT * FROM processus ORDER BY nom_processus;" )or die(mysql_error());
  74.    while ($ligne = mysql_fetch_array($result))
  75.    {
  76.     extract($ligne);
  77.     echo "<option id_processus='$SID_processus'>".$nom_processus."</option>\n";
  78.    }
  79.  echo "</select></td>
  80.   <td>Type :</td>
  81.   <td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name =\"type\">";
  82.    $result = mysql_query("SELECT * FROM type ORDER BY nom_type;" )or die(mysql_error());
  84.    while ($ligne = mysql_fetch_array($result))
  85.    {
  86.     extract($ligne);
  87.     echo "<option id_type='$SID_type'>".$nom_type."</option>\n";
  88.    }
  89.    echo "</select>
  91.  </tr>
  92.  <tr><td> Entre le (jj-mm-aaaa) </td>
  93.   <td><input type=\"text\" name=\"dateDebut\"></td>
  94.   <td> et le (jj-mm-aaaa) </td>
  95.   <td><input type=\"text\" name=\"dateFin\"></td>
  96.  </tr>
  97.  </table>
  98.  <p style=\"text-align: center\"><input type=\"submit\" value=\"Rechercher\" name=\"insert\"></p>
  99.  </form>";
  101. // Cette fonction va permettre d'effectuer des recherches selon les critères rentré par l'utilisateur via les listes déroulantes
  102. // On va respectivement vérifier si les champs sont vides ou nous, s'ils sont vides on n'ajoutera rien à la requète de recherche
  103. // et s'ils ne sont pas vide on ajoutera le critère correspondant dans la requète de recherche.
  104. // Il est aussi vérifier si les champs précédents sont vides ou non pour savoir s'il faut ou non ajouter une requète entière  
  105. // ou s'il est juste nécessaire de rajouter une condition à la requète.
  106. if (isset($nature))
  107. {
  108.  $ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
  109.  $sOrderBy = "";
  110.  if (isset($ArrayChampsTri[$choixTri])){
  111.   $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
  112.   $requete="";
  113.  }
  114.  if($nature!='----') // si les 4 sont déclarés
  115.  {
  116.   $requete .= "SELECT * FROM `eanantes`WHERE nature='$nature'";
  117.  }
  118.  if($classification!='----' && $nature=='----') // si les 4 sont déclarés
  119.  {
  120.   $requete .= "SELECT * FROM `eanantes`WHERE classification='$classification'";
  121.  }
  122.  else if ($classification!='----' && $nature!='----')
  123.   {
  124.    $requete.="AND classification='$classification'";
  125.   }
  126.  if($processus !='----' && $classification=='----' && $nature =='----')
  127.  {
  128.   $requete .= "SELECT * FROM `eanantes`WHERE processus='$processus'";
  129.  }
  130.  else if ( $processus!='----')
  131.   {
  132.    $requete.="AND processus='$processus'";
  133.   }
  135.  if($classification=='----' && $nature =='----' && $processus =='----' && $type!='----')
  136.  {
  137.   $requete .= "SELECT * FROM `eanantes`WHERE type='$type'";
  138.  }
  139.  else if($type!='----')
  140.   {
  141.    $requete .= "AND type='$type'";
  142.   }
  143.  if ($nature =='----' && $classification=='----' && $processus=='----' && $type=='----' && $dateDebut=='' && $dateFin =='')
  144.  {
  145.   $ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
  146.   $sOrderBy = "";
  147.   if (isset($ArrayChampsTri[$choixTri])) {
  148.   $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
  149.   }
  150.   $requete .= "SELECT * FROM `eanantes`";
  151.  }
  152.  if ($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut!='' && $dateFin!='')
  153.  {
  154.   $requete .= "SELECT * FROM `eanantes`WHERE date BETWEEN '$dateDebut' AND '$dateFin'";
  155.  }
  156.  else if($nature !='----' || $processus !='----' || $classification !='----' || $type !='----' && $dateDebut!='' && $dateFin!='')
  157.   {
  158.    $requete.= " AND date BETWEEN '$dateDebut' AND '$dateFin'";
  159.   }
  160.  if($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut!='' && $dateFin=='')
  161.  {
  162.   $requete .="SELECT *FROM `eanantes`WHERE date >= '$dateDebut'";
  163.  }
  164.  if($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut=='' && $dateFin!='')
  165.  {
  166.   $requete .="SELECT *FROM `eanantes`WHERE date <= '$dateFin'";
  167.  }
  168.  $requete.="$sOrderBy;";
  169. }
  172. else
  173. {
  174.  $ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
  175.  $sOrderBy = "";
  176.  if (isset($ArrayChampsTri[$choixTri])) {
  177.   $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
  178.  }
  179.  $requete = "SELECT * FROM `eanantes` $sOrderBy";
  180. }
  182. echo "<table>
  183.   <tr><th><a href=\"consultDysNordNantes.php?choixTri=0 \" class=\"type1\">Numéro</a>    </th>
  184.    <th><a href=\"consultDysNordNantes.php?choixTri=1 \" class=\"type1\">Date</a>    </th>
  185.    <th><a href=\"consultDysNordNantes.php?choixTri=2 \" class=\"type1\">Rédacteur</a>   </th>
  186.    <th><a href=\"consultDysNordNantes.php?choixTri=3 \" class=\"type1\">Responsable Curatif</a></th>
  187.    <th><a href=\"consultDysNordNantes.php?choixTri=4 \" class=\"type1\">Responsable Service</a></th>
  188.    <th><a href=\"consultDysNordNantes.php?choixTri=5 \" class=\"type1\">Type</a>    </th>
  189.    <th><a href=\"consultDysNordNantes.php?choixTri=6 \" class=\"type1\">Nature</a>    </th>
  190.    <th><a href=\"consultDysNordNantes.php?choixTri=7 \" class=\"type1\">Processus Concerné</a> </th>
  191.    <th><a href=\"consultDysNordNantes.php?choixTri=8 \" class=\"type1\">Service Concerné</a> </th>
  192.    <th><a href=\"consultDysNordNantes.php?choixTri=9 \" class=\"type1\">Client</a>    </th>
  193.    <th><a href=\"consultDysNordNantes.php?choixTri=10 \" class=\"type1\">Classification</a> </th>
  194.    <th> Description </th>
  195.    <th> Action Curative </th>
  196.   </tr>";
  198.  //echo"requete : $requete"; // permet d'afficher la requète effectuée en cas de besoin de controle
  199.  $req = mysql_query($requete) or die(mysql_error());
  200.  $i=0;
  201.  // on fait une boucle qui va faire un tour pour chaque enregistrement  
  202.  while($data = mysql_fetch_assoc($req))
  203.  {
  204.   if($i%2==0)
  205.   {   //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
  206.    echo"
  207.    <tr class=\"tab1\">
  208.     <td><div class=\"numero\"> $data[num]    </td>
  209.     <td>      $data[date]   </div></td>
  210.     <td><div class=\"colonne\"> $data[redacteur]  </td>
  211.     <td>      $data[respCur]   </td>
  212.     <td>      $data[respSer]   </td>
  213.     <td>      $data[type]    </td>
  214.     <td>      $data[nature]   </td>
  215.     <td>      $data[processus]  </td>
  216.     <td>      $data[service]   </td>
  217.     <td>      $data[client]   </td>
  218.     <td>      $data[classification]</div></td>
  219.     <td><div class=\"texte\"> $data[description]  </td>
  220.     <td>      $data[actionCur] </div></td>";
  221.     if($droitAcces==2)
  222.     {
  223.      if ($data['actionCur'] == NULL)
  224.      {
  225.       echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
  226.      }
  227.      else{echo"<td></td>";}
  228.     }
  229.    echo"</tr>";
  230.   }
  231.   else  //fait appel au design "tab2" si le nombre i est impair
  232.   {
  233.    echo"
  234.    <tr class=\"tab2\">
  235.     <td><div class=\"numero\"> $data[num]    </td>
  236.     <td>      $data[date]   </div></td>
  237.     <td><div class=\"colonne\"> $data[redacteur]  </td>
  238.     <td>      $data[respCur]   </td>
  239.     <td>      $data[respSer]   </td>
  240.     <td>      $data[type]    </td>
  241.     <td>      $data[nature]   </td>
  242.     <td>      $data[processus]  </td>
  243.     <td>      $data[service]   </td>
  244.     <td>      $data[client]   </td>
  245.     <td>      $data[classification]</div></td>
  246.     <td><div class=\"texte\"> $data[description]  </td>
  247.     <td>      $data[actionCur] </div></td>";
  248.     if($droitAcces==2)
  249.     {
  250.      if ($data['actionCur'] == NULL)
  251.      {
  252.       echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
  253.      }
  254.      else{echo"<td></td>";}
  255.     }
  256.    echo"</tr>";
  257.   }
  258.   $i=$i+1;
  259.  }
  260.   echo"</table>";
  261.  
  262.    
  263. echo"</div>";
  264. ?>


 
 
Et voila le php qui suit ;)  
 

Code :
  1. table{
  2. border: solid black 1px;
  3. border-collapse: collapse;
  4. width:100%;
  6. }
  8. td{
  9. border: solid black 1px;
  10. /*border-collapse: collapse;*/
  12. }
  13. .colonne {
  14. font-family: Calibri, sans-serif; /* police du texte */
  15. font-size: 12px; /* taille du texte */
  16. text-align: center; /* texte aligner au centre */
  17. width: 100px; /* largeur de la cellule*/
  18. height:50px;
  19. }
  20. .numero{
  21. font-family: Calibri, sans-serif; /* police du texte */
  22. font-size: 12px; /* taille du texte */
  23. text-align: center; /* texte aligner au centr */
  24. width: 75px; /* largeur de la cellule*/
  25. }
  26. .texte{
  27. font-family: Calibri, sans-serif; /* police du texte */
  28. font-size: 12px; /* taille du texte */
  29. text-align: left; /* texte aligner à gauche */
  30. width: 300px; /* largeur de la cellule*/
  31. }
  32. th{
  33. font-family: Calibri, sans-serif; /* police du texte */
  34. font-size: 17px; /* taille du texte */
  35. border: solid black 1px;
  36. background-color:#FFFFFF;
  37. }
  40. h1{
  41. color: white;
  42. margin:0;
  43. padding-top:50px;
  44. text-align: center;
  45. font-size: 40px;
  46. }
  48. .hautGauche {
  49. float: left;
  50. top: 0px;
  51. left: 0px;
  52. padding: 0px;
  53. }
  55. .menu{
  56. font-family: Calibri, sans-serif; /* police du texte */
  57. font-size: 12px; /* taille du texte */
  58. position : absolute;
  59. top:131px;
  60. left:0%;
  61. /*border:solid 1px red;*/
  62. border-right: 2px solid #CCCDCD;
  63. padding:5px;
  64. width:190px;
  65. height:83%;
  66. background-color: #CCFFFF;
  67. }
  69. .haut{
  70. position: absolute;
  71.     top: 0%;
  72.     left: 0px;
  73. border-bottom: 2px solid #CCCDCD;
  74. width:100%;
  75. padding:0px;
  76. background-color:#66CCCC;
  77. }
  78. .corpConsult{
  79. border: solid black 1px;
  80. position : absolute;
  81. top:131px;
  82. left:200px;
  83. /*border-left:2px solid #CCCDCD;*/
  84. padding:19px;
  85. width:81%;
  86. height:80%;
  87. background-color:#66CCCC;
  88. overflow:scroll;
  89. }
  90. .corpAjout{
  91. border: solid black 1px;
  92. width: 81%;
  93. position : absolute;
  94. top:132px;
  95. left:201px;
  96. padding:20px;
  97. background-color:#66CCCC;
  98. }
  99. ul{
  100. font-family: Calibri, sans-serif; /* police du texte */
  101. font-size: 14px; /* taille du texte */
  102. list-style-type: none;
  103. margin:0px;
  104. }
  106. li{
  107. font-family: Calibri, sans-serif; /* police du texte */
  108. font-size: 13px; /* taille du texte */
  109. background-color:#CCFFFF;
  110. margin:0px;
  111. padding:0px;
  112. }
  114. .titreMenu{
  115. font-family: Calibri, sans-serif; /* police du texte */
  116. font-size: 14px; /* taille du texte */
  117. background-color:#CCFFFF;
  118. font-weight:bold;
  119. margin:0px;
  120. padding:0px;
  121. }
  123. tr.tab1{
  124. background-color:#FF9966;
  125. text-align:center;
  126. border: solid black 1px;
  127. }
  129. tr.tab2{
  130. background-color:#FFCC99;
  131. text-align:center;
  132. border: solid black 1px;
  133. }
  135. .tab3{
  136. background-color:#CCFFFF;
  137. }
  138. a.type1 {
  139. text-decoration: none;
  140. color:#000000;
  141. }
  142. a.type2{
  143. text-decoration: none;
  144. color:#663366;
  145. }
  148. .connexion{
  149. border: solid black 1px;
  150. position : absolute;
  151. width: 400px;
  152. top:250px;
  153. left:450px;
  154. margin:50px;
  155. border: solid black 1px;
  156. background-color:#66CCCC;
  157. }
  159. .droite{
  160. text-align:right;
  161. padding:5px;
  162. /*width: 200px;*/
  163. border: solid black 1px;
  164. /*border-collapse: collapse;*/
  165. }
  167. .centre{
  168. text-align:center;
  169. padding-left:10px;
  170. padding-right:10px;
  171. border: solid black 1px;
  172. /*border-collapse: collapse;*/
  173. }
  175. textarea{
  176. width: 600px;
  177. height: 150px;
  178. }


 

Reply

Marsh Posté le 27-04-2012 à 15:04:01    

Juste un truc, la j'ai fait en sorte que la partie "corp" contenant mon tableau ne dépasse pas la page et que des scrollbar apparaissent pour faire défilé le tableau uniquement ;)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed