PHP

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

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Problème largeur colonne d'un tableau PHP/CSS

scribou

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 :

echo "<table>
<tr><th><a href=\"consultDysNord.php?choixTri=11 \">Lieu</a> </th>
<th><a href=\"consultDysNord.php?choixTri=0 \">Numero</a> </th>
<th><a href=\"consultDysNord.php?choixTri=1 \">Date</a> </th>
<th><a href=\"consultDysNord.php?choixTri=2 \">Redacteur</a> </th>
<th><a href=\"consultDysNord.php?choixTri=3 \">Responsable Curatif</a> </th>
<th><a href=\"consultDysNord.php?choixTri=4 \">Responsable Service</a> </th>
<th><a href=\"consultDysNord.php?choixTri=5 \">Type</a> </th>
<th><a href=\"consultDysNord.php?choixTri=6 \">Nature</a> </th>
<th><a href=\"consultDysNord.php?choixTri=7 \">Processus Concerné</a> </th>
<th><a href=\"consultDysNord.php?choixTri=8 \">Service Concerné</a> </th>
<th><a href=\"consultDysNord.php?choixTri=9 \">Client</a> </th>
<th><a href=\"consultDysNord.php?choixTri=10 \">CI</a> </th>
<th> Description </th>
</tr>";
$req = mysql_query("SELECT * from ea" ) or die(mysql_error());
// on fait une boucle qui va faire un tour pour chaque enregistrement
$i=0;
while($data = mysql_fetch_assoc($req))
{
if($i%2==0)
echo"
<tr class=\"tab1\">
<td>$data[id_lieu] </td>
<td>$data[num] </td>
<td>$data[date] </td>
<td>$data[redacteur] </td>
<td>$data[respCur] </td>
<td>$data[respSer] </td>
<td>$data[type] </td>
<td>$data[nature] </td>
<td>$data[processus] </td>
<td>$data[service] </td>
<td>$data[client] </td>
<td>$data[CI] </td>
<td>$data[description] </td>
</tr>";
else
echo"
<tr class=\"tab2\">
<td>$data[id_lieu] </td>
<td>$data[num] </td>
<td>$data[date] </td>
<td>$data[redacteur] </td>
<td>$data[respCur] </td>
<td>$data[respSer] </td>
<td>$data[type] </td>
<td>$data[nature] </td>
<td>$data[processus] </td>
<td>$data[service] </td>
<td>$data[client] </td>
<td>$data[CI] </td>
<td>$data[description] </td>
</tr>";
$i=$i+1;
}

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 :

table{
border: solid black 1px;
border-collapse: collapse;
}
/*tr{
width:100%;
}*/
td,th{
height: 50px;
width: 300px;
border: solid black 1px;
/*border-collapse: collapse;*/
}
.haut{
position: absolute;
top: 0%;
left: 0%;
border-bottom: 2px solid #CCCDCD;
width:100%;
padding:0px;
}
h1{
margin:0;
padding-top:50px;
text-align: center;
font-size: 40px;
}
.hautGauche {
float: left;
top: 0px;
left: 0px;
padding: 0px;
}
.menu{
position : absolute;
top:150px;
left:0%;
/*border:solid 1px red;*/
border-right: 2px solid #CCCDCD;
padding:05px;
width:200px;
}
ul{
list-style-type: none;
margin:0px;
}
li{
background-color:#CCCDCD;
margin:1px;
padding:5px;
}
.tab1{
background-color:#1CC1EA;
text-align:center;
width:500px;
}
.tab2{
background-color:#C8EEF7;
text-align:center;
}
.tab3{
background-color:#00ED67;
text-align:center;
}
.corp{
position : absolute;
top:115px;
left:195px;
/*border-left:2px solid #CCCDCD;*/
padding:20px;
}
.connexion{
margin:50px;
border: solid black 1px;
}
.droite{
text-align:right;
padding:5px;
}
.centre{
text-align:center;
padding-left:10px;
padding-right:10px;
}
textarea{
width: 600px;
height: 150px;
}
.style_input{
width:100px;
}

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

Publicité

rufo

Pas me confondre avec Lycos!

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

scribou

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

rufo

Pas me confondre avec Lycos!

essaye avec des max-width.

scribou

ç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

rufo

Pas me confondre avec Lycos!

Et tu le fermes bien ton <table>?

scribou

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

scribou

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

rufo

Pas me confondre avec Lycos!

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...

scribou

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 :

<?php
session_start();
if(! isset($_SESSION['identifiant'])) {
header('Location: connexion.php');
exit();
}
$connection = mysql_pconnect("127.0.0.1","root","" );
$database = mysql_select_db("db", $connection);
include "fctAux.inc.php";
$droitAcces = $_SESSION['droitAcces'];
enTete("Répertorier un dysfonctionnement pour l'URIS Nord" );
haut();
include "menu.php";
echo "<div class=\"corp\">";
echo"<h2>Consultation des Dysfonctionnements de l'URIS Nord </h2>";
$choixTri=0;
if(isset($_GET['choixTri']))
{
$choixTri=$_GET['choixTri'];
}
switch($choixTri){ // permet d'organiser le tableau par ordre alphabétique, selon l'option choisi (par numéro, date, redacteur etc.)
case 0: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`num` ASC ";
break;
case 1: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`date` ASC ";
break;
case 2: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`redacteur` ASC ";
break;
case 3: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`respCur` ASC ";
break;
case 4: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`respSer` ASC ";
break;
case 5: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`type` ASC ";
break;
case 6: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`nature` ASC ";
break;
case 7: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`processus` ASC ";
break;
case 8: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`service` ASC ";
break;
case 9: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`client` ASC ";
break;
case 10: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`CI` ASC ";
break;
case 11: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`id_lieu` ASC ";
break;
default: $requete = "SELECT * FROM `eanantes` ORDER BY `eanantes`.`num` ASC ";
break;
}
//affichage du tableau, avec les en-tête qui permettent de ranger une colonne comme expliqué ci-dessus
echo "<table>
<tr><th><a href=\"consultDysNordNantes.php?choixTri=11 \">Lieu</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=0 \">Numero</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=1 \">Date</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=2 \">Redacteur</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=3 \">Responsable Curatif</a></th>
<th><a href=\"consultDysNordNantes.php?choixTri=4 \">Responsable Service</a></th>
<th><a href=\"consultDysNordNantes.php?choixTri=5 \">Type</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=6 \">Nature</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=7 \">Processus Concerné</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=8 \">Service Concerné</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=9 \">Client</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=10 \">CI</a> </th>
<th> Description </th>
<th> Action Curative </th>
</tr>";
$req = mysql_query($requete) or die(mysql_error());
$i=0;
// on fait une boucle qui va faire un tour pour chaque enregistrement
while($data = mysql_fetch_assoc($req))
{
if($i%2==0)
{ //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
echo"
<tr class=\"tab1\">
<td>$data[id_lieu] </td>
<td>$data[num] </td>
<td>$data[date] </td>
<td>$data[redacteur] </td>
<td>$data[respCur] </td>
<td>$data[respSer] </td>
<td>$data[type] </td>
<td>$data[nature] </td>
<td>$data[processus] </td>
<td>$data[service] </td>
<td>$data[client] </td>
<td>$data[CI] </td>
<td>$data[description] </td>
<td>$data[actionCur] </td>";
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']." &num=".$data['num']."\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
echo"</tr>";
}
else //fait appel au design "tab2" si le nombre i est impair
{
echo"
<tr class=\"tab2\">
<td>$data[id_lieu] </td>
<td>$data[num] </td>
<td>$data[date] </td>
<td>$data[redacteur] </td>
<td>$data[respCur] </td>
<td>$data[respSer] </td>
<td>$data[type] </td>
<td>$data[nature] </td>
<td>$data[processus] </td>
<td>$data[service] </td>
<td>$data[client] </td>
<td>$data[CI] </td>
<td>$data[description] </td>
<td>$data[actionCur] </td>";
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']." &num=".$data['num']."\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
echo"</tr>";
}
$i=$i+1;
}
echo"</table>";
echo"</div>";
?>

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

Code :

table{
border: solid black 1px;
border-collapse: collapse;
}
/*tr{
width:100%;
}*/
td{
width: 100px;
border: solid black 1px;
/*border-collapse: collapse;*/
}
th{
width: 200px;
border: solid black 1px;
}
.haut{
position: absolute;
top: 0%;
left: 0%;
border-bottom: 2px solid #CCCDCD;
width:100%;
padding:0px;
}
h1{
margin:0;
padding-top:50px;
text-align: center;
font-size: 40px;
}
.hautGauche {
float: left;
top: 0px;
left: 0px;
padding: 0px;
}
.menu{
position : absolute;
top:150px;
left:0%;
/*border:solid 1px red;*/
border-right: 2px solid #CCCDCD;
padding:05px;
width:200px;
}
ul{
list-style-type: none;
margin:0px;
}
li{
background-color:#CCCDCD;
margin:1px;
padding:5px;
}
tr.tab1{
background-color:#1CC1EA;
text-align:center;
width: 100px;
border: solid black 1px;
/*width:500px;*/
}
tr.tab2{
background-color:#C8EEF7;
text-align:center;
width: 100px;
border: solid black 1px;
}
.tab3{
background-color:#00ED67;
text-align:center;
}
.corp{
position : absolute;
top:115px;
left:195px;
/*border-left:2px solid #CCCDCD;*/
padding:20px;
}
.connexion{
margin:50px;
border: solid black 1px;
}
.droite{
text-align:right;
padding:5px;
width: 200px;
border: solid black 1px;
/*border-collapse: collapse;*/
}
.centre{
text-align:center;
padding-left:10px;
padding-right:10px;
border: solid black 1px;
/*border-collapse: collapse;*/
}
textarea{
width: 600px;
height: 150px;
}
.style_input{
width:100px;
}

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

Publicité

scribou

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

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Répertorier un dysfonctionnement pour l'URIS Nord</title>
<link href="design.css" type="text/css" rel="stylesheet"></head>
<body>
<div class="haut"><img class="hautGauche" src="images.jpg"><h1>Qualigram Evolution</h1></div> <div class="menu">
Vous travaillez sur l'Antenne de Nantes
<ul>
Antenne de Nantes
<li><a href="ajoutDysNordNantes.php">Ajouter un Dysfonctionnement</a></li>
<li><a href="consultDysNordNantes.php">Consulter les Dysfonctionnements</a></li>
</ul>
<ul>
Antenne de Rouen
<li><a href="consultDysNordRouen.php">Consulter les Dysfonctionnements</a></li>
</ul>
<ul>
Antenne de Lille
<li><a href="consultDysNordLille.php">Consulter les Dysfonctionnements</a></li>
</ul>
<ul>
Antenne de Londres
<li><a href="consultDysNordLondres.php">Consulter les Dysfonctionnements</a></li>
</ul>
<ul>
Antenne de Nancy
<li><a href="consultDysNordNancy.php">Consulter les Dysfonctionnements</a></li>
</ul>
<ul>
Ensemble de l'URIS Nord
<li><a href="consultDysNord.php">Consulter les Dysfonctionnements sur l'URIS Nord</a></li>
</ul>
<p><a href="deconnexion.php">Se déconnecter</a></p>
</div>
<div class="corp"><h2>Consultation des Dysfonctionnements de l'URIS Nord </h2><table>
<tr><th><a href="consultDysNordNantes.php?choixTri=11 ">Lieu</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=0 ">Numero</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=1 ">Date</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=2 ">Redacteur</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=3 ">Responsable Curatif</a></th>
<th><a href="consultDysNordNantes.php?choixTri=4 ">Responsable Service</a></th>
<th><a href="consultDysNordNantes.php?choixTri=5 ">Type</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=6 ">Nature</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=7 ">Processus Concerné</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=8 ">Service Concerné</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=9 ">Client</a> </th>
<th><a href="consultDysNordNantes.php?choixTri=10 ">CI</a> </th>
<th> Description </th>
<th> Action Curative </th>
</tr>
<tr class="tab1">
<td>Nantes </td>
<td>64 </td>
<td>20-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>Test1 </td>
<td>vezvzervezzv telalala test 64 </td><td></td></tr>
<tr class="tab2">
<td>Nantes </td>
<td>65 </td>
<td>20-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>eczeczce </td>
<td>Tapez eczeczecz </td><td></td></tr>
<tr class="tab1">
<td>Nantes </td>
<td>66 </td>
<td>20-04-2012 </td>
<td>ADAM Fabrice </td>
<td>BADROU Mohamed </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>Tapez votre description </td>
<td>test 66 </td><td></td></tr>
<tr class="tab2">
<td>Nantes </td>
<td>67 </td>
<td>20-04-2012 </td>
<td>AUGER Chrystelle </td>
<td>BALLAND Evangéline </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>Tapez votre description </td>
<td>lalalilalere </td><td></td></tr>
<tr class="tab1">
<td>Nantes </td>
<td>68 </td>
<td>20-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>Le Roy Olivier </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>Tapez votre description </td>
<td>lalalalierelalalieleialaielzialeizle </td><td></td></tr>
<tr class="tab2">
<td>Nantes </td>
<td>69 </td>
<td>23-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>J'essai de faire un truc et de
l'amener a la ligne </td>
<td>Test action Cur </td><td></td></tr>
<tr class="tab1">
<td>Nantes </td>
<td>70 </td>
<td>23-04-2012 </td>
<td>ASSOCIE Matthias </td>
<td>ASSOCIE Matthias </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>blablablabla </td>
<td>Tapez votre action curative </td><td></td></tr>
<tr class="tab2">
<td>Nantes </td>
<td>71 </td>
<td>23-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>blablablablablabla </td>
<td>zevezrvrevervezv </td><td></td></tr>
<tr class="tab1">
<td>Nantes </td>
<td>72 </td>
<td>23-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>epzokcojizec </td>
<td>svedv </td><td></td></tr>
<tr class="tab2">
<td>Nantes </td>
<td>73 </td>
<td>24-04-2012 </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>---- </td>
<td>0 </td>
<td>efevvrtvr </td>
<td> </td><td><a href="ajoutActionCur.php?lieu=Nantes &num=73">Ajouter Action Curative</a></td></tr></table></div>

rufo

Pas me confondre avec Lycos!

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 :

$ArrayChampsTri = array("num", "date", "redacteur", ...);
$sOrderBy = "";
if (isset($ArrayChampsTri[$choixTri])) {
    $sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
}
 
$requete = "SELECT * FROM `eanantes` $sOrderBy";

scribou

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

rufo

Pas me confondre avec Lycos!

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.

scribou

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 ?

rufo

Pas me confondre avec Lycos!

Ca fait pareil sur d'autres navigateurs?

scribou

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

alainedelion

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

scribou

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 ><

rufo

Pas me confondre avec Lycos!

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...).

scribou

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

rufo

Pas me confondre avec Lycos!

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).

scribou

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 :

$choixTri=0;
if(isset($_GET['choixTri']))
{
$choixTri=$_GET['choixTri'];
}
$ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "CI", "id_lieu" );
$sOrderBy = "";
if (isset($ArrayChampsTri[$choixTri]))
{
$sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
}
$requete = "SELECT * FROM `eanantes` UNION
SELECT * FROM `earouen` UNION
SELECT * FROM `ealille` UNION
SELECT * FROM `ealondres` UNION
SELECT * FROM `eanancy` UNION
$sOrderBy";

scribou

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%

rufo

Pas me confondre avec Lycos!

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

scribou

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 :

$requete = "SELECT * FROM `eanantes`,`earouen`,`ealille`,`ealondres`,`eanancy` where eanantes.type=earouen.type
AND eanantes.type=ealille.type
AND eanantes.type=ealondres.type
AND eanantes.type=eanancy.type, $sOrderBy";

rufo

Pas me confondre avec Lycos!

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)...

scribou

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

rufo

Pas me confondre avec Lycos!

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...).

scribou

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

scribou

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 :

.colonne {
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner à droite */
width: 100px; /* largeur de la cellule*/
height:50px;
}
.numero{
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner à droite */
width: 75px; /* largeur de la cellule*/
}
.texte{
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: left; /* texte aligner à droite */
width: 300px; /* largeur de la cellule*/
}

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

Code :

echo"
<tr class=\"tab1\">
<td><div class=\"numero\">$data[num] </div></td>
<td><div class=\"numero\">$data[date] </div></td>
<td><div class=\"colonne\">$data[redacteur] </div></td>
<td><div class=\"colonne\">$data[respCur] </div></td>
<td><div class=\"colonne\">$data[respSer] </div></td>
<td><div class=\"colonne\">$data[type] </div></td>
<td><div class=\"colonne\">$data[nature] </div></td>
<td><div class=\"colonne\">$data[processus] </div></td>
<td><div class=\"colonne\">$data[service] </div></td>
<td><div class=\"colonne\">$data[client] </div></td>
<td><div class=\"numero\">$data[CI] </div></td>
<td><div class=\"texte\">$data[description]</div></td>
<td><div class=\"texte\">$data[actionCur] </div></td>";
if ($data['actionCur'] == NULL && $droitAcces==2)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
echo"</tr>";
}

Donc voila quelque chose qui fonctionne. =)

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

rufo

Pas me confondre avec Lycos!

scribou a écrit :

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...

rufo

Pas me confondre avec Lycos!

scribou a écrit :

Code :

.colonne {
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner à droite */
width: 100px; /* largeur de la cellule*/
height:50px;
}
.numero{
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner à droite */
width: 75px; /* largeur de la cellule*/
}
.texte{
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: left; /* texte aligner à droite */
width: 300px; /* largeur de la cellule*/
}

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

Code :

echo"
<tr class=\"tab1\">
<td><div class=\"numero\">$data[num] </div></td>
<td><div class=\"numero\">$data[date] </div></td>
<td><div class=\"colonne\">$data[redacteur] </div></td>
<td><div class=\"colonne\">$data[respCur] </div></td>
<td><div class=\"colonne\">$data[respSer] </div></td>
<td><div class=\"colonne\">$data[type] </div></td>
<td><div class=\"colonne\">$data[nature] </div></td>
<td><div class=\"colonne\">$data[processus] </div></td>
<td><div class=\"colonne\">$data[service] </div></td>
<td><div class=\"colonne\">$data[client] </div></td>
<td><div class=\"numero\">$data[CI] </div></td>
<td><div class=\"texte\">$data[description]</div></td>
<td><div class=\"texte\">$data[actionCur] </div></td>";
if ($data['actionCur'] == NULL && $droitAcces==2)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
echo"</tr>";
}

Donc voila quelque chose qui fonctionne. =)

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

scribou

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 ?

scribou

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

Code :

if($i%2==0)
{ //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
echo"
<tr class=\"tab1\">
<td><div class=\"numero\"> $data[num] </td>
<td> $data[date] </div></td>
<td><div class=\"colonne\"> $data[redacteur] </td>
<td> $data[respCur] </td>
<td> $data[respSer] </td>
<td> $data[type] </td>
<td> $data[nature] </td>
<td> $data[processus] </td>
<td> $data[service] </td>
<td> $data[client] </td>
<td> $data[classification]</div></td>
<td><div class=\"texte\"> $data[description] </td>
<td> $data[actionCur] </div></td>";
if($droitAcces==2)
{
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
}
echo"</tr>";
}
else //fait appel au design "tab2" si le nombre i est impair
{
echo"
<tr class=\"tab2\">
<td><div class=\"numero\"> $data[num] </td>
<td> $data[date] </div></td>
<td><div class=\"colonne\"> $data[redacteur] </td>
<td> $data[respCur] </td>
<td> $data[respSer] </td>
<td> $data[type] </td>
<td> $data[nature] </td>
<td> $data[processus] </td>
<td> $data[service] </td>
<td> $data[client] </td>
<td> $data[classification]</div></td>
<td><div class=\"texte\"> $data[description] </td>
<td> $data[actionCur] </div></td>";
if($droitAcces==2)
{
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
}
echo"</tr>";

effisk

我不讲中文

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

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

effisk

我不讲中文

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

Code :

<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>

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

effisk

我不讲中文

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 :

table {width:3000px;}
th, td {width:200px;}

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

scribou

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

Code :

<?php
session_start();
if(! isset($_SESSION['identifiant'])) {
header('Location: connexion.php');
exit();
}
$connection = mysql_pconnect("127.0.0.1","root","" );
$database = mysql_select_db("db", $connection);
include "fctAux.inc.php";
$droitAcces = $_SESSION['droitAcces'];
enTete("Répertorier un dysfonctionnement pour l'antenne de Nantes" );
haut();
include "menu.php";
echo "<div class=\"corpConsult\">";
echo"<h2>Consultation des Dysfonctionnements de l'URIS Nord </h2>";
$choixTri=0;
if(isset($_GET['choixTri'])) //si la variable existe
{
$choixTri=$_GET['choixTri']; //attribue a la varibale $choixTri la valeur renvoyée par le formulaire
}
if(isset($_GET['nature']))
{
$nature=$_GET['nature'];
}
if(isset($_GET['classification']))
{
$classification=$_GET['classification'];
}
if(isset($_GET['processus']))
{
$processus=$_GET['processus'];
}
if(isset($_GET['type']))
{
$type=$_GET['type'];
}
if(isset($_GET['dateDebut']))
{
$dateDebut=$_GET['dateDebut'];
}
if(isset($_GET['dateFin']))
{
$dateFin=$_GET['dateFin'];
}
echo"<form action = \"consultDysNordNantes.php\" method = \"get\">
<table>
<tr><td>Trier par Nature : </td>
<td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name=\"nature\">";
$result = mysql_query("SELECT * FROM nature ORDER BY nom_nature;" )or die(mysql_error());
while ($ligne = mysql_fetch_array($result))
{
extract($ligne);
echo "<option id_nature='$SID_nature'>".$nom_nature."</option>\n";
}
echo "</select></td>
<td>Classification : </td>
<td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name =\"classification\">
<option name =\"vide\">----</option>
<option name =\"qualite\">Qualité</option>
<option name =\"securite\">Sécurité</option>
<option name =\"environnement\">Environnement</option>
</select>
</td>
</tr>
<tr><td>Processus : </td>
<td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name=\"processus\">";
$result = mysql_query("SELECT * FROM processus ORDER BY nom_processus;" )or die(mysql_error());
while ($ligne = mysql_fetch_array($result))
{
extract($ligne);
echo "<option id_processus='$SID_processus'>".$nom_processus."</option>\n";
}
echo "</select></td>
<td>Type :</td>
<td><select style=\"BACKGROUND-POSITION: left 50%; WIDTH: 200px\" name =\"type\">";
$result = mysql_query("SELECT * FROM type ORDER BY nom_type;" )or die(mysql_error());
while ($ligne = mysql_fetch_array($result))
{
extract($ligne);
echo "<option id_type='$SID_type'>".$nom_type."</option>\n";
}
echo "</select>
</tr>
<tr><td> Entre le (jj-mm-aaaa) </td>
<td><input type=\"text\" name=\"dateDebut\"></td>
<td> et le (jj-mm-aaaa) </td>
<td><input type=\"text\" name=\"dateFin\"></td>
</tr>
</table>
<p style=\"text-align: center\"><input type=\"submit\" value=\"Rechercher\" name=\"insert\"></p>
</form>";
// Cette fonction va permettre d'effectuer des recherches selon les critères rentré par l'utilisateur via les listes déroulantes
// 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
// et s'ils ne sont pas vide on ajoutera le critère correspondant dans la requète de recherche.
// 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
// ou s'il est juste nécessaire de rajouter une condition à la requète.
if (isset($nature))
{
$ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
$sOrderBy = "";
if (isset($ArrayChampsTri[$choixTri])){
$sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
$requete="";
}
if($nature!='----') // si les 4 sont déclarés
{
$requete .= "SELECT * FROM `eanantes`WHERE nature='$nature'";
}
if($classification!='----' && $nature=='----') // si les 4 sont déclarés
{
$requete .= "SELECT * FROM `eanantes`WHERE classification='$classification'";
}
else if ($classification!='----' && $nature!='----')
{
$requete.="AND classification='$classification'";
}
if($processus !='----' && $classification=='----' && $nature =='----')
{
$requete .= "SELECT * FROM `eanantes`WHERE processus='$processus'";
}
else if ( $processus!='----')
{
$requete.="AND processus='$processus'";
}
if($classification=='----' && $nature =='----' && $processus =='----' && $type!='----')
{
$requete .= "SELECT * FROM `eanantes`WHERE type='$type'";
}
else if($type!='----')
{
$requete .= "AND type='$type'";
}
if ($nature =='----' && $classification=='----' && $processus=='----' && $type=='----' && $dateDebut=='' && $dateFin =='')
{
$ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
$sOrderBy = "";
if (isset($ArrayChampsTri[$choixTri])) {
$sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
}
$requete .= "SELECT * FROM `eanantes`";
}
if ($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut!='' && $dateFin!='')
{
$requete .= "SELECT * FROM `eanantes`WHERE date BETWEEN '$dateDebut' AND '$dateFin'";
}
else if($nature !='----' || $processus !='----' || $classification !='----' || $type !='----' && $dateDebut!='' && $dateFin!='')
{
$requete.= " AND date BETWEEN '$dateDebut' AND '$dateFin'";
}
if($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut!='' && $dateFin=='')
{
$requete .="SELECT *FROM `eanantes`WHERE date >= '$dateDebut'";
}
if($nature =='----' && $processus =='----' && $classification =='----' && $type =='----' && $dateDebut=='' && $dateFin!='')
{
$requete .="SELECT *FROM `eanantes`WHERE date <= '$dateFin'";
}
$requete.="$sOrderBy;";
}
else
{
$ArrayChampsTri = array("num", "date", "redacteur", "respCur", "respSer", "type", "nature", "processus", "service", "client", "classification", "id_lieu" );
$sOrderBy = "";
if (isset($ArrayChampsTri[$choixTri])) {
$sOrderBy = " ORDER BY ".$ArrayChampsTri[$choixTri];
}
$requete = "SELECT * FROM `eanantes` $sOrderBy";
}
echo "<table>
<tr><th><a href=\"consultDysNordNantes.php?choixTri=0 \" class=\"type1\">Numéro</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=1 \" class=\"type1\">Date</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=2 \" class=\"type1\">Rédacteur</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=3 \" class=\"type1\">Responsable Curatif</a></th>
<th><a href=\"consultDysNordNantes.php?choixTri=4 \" class=\"type1\">Responsable Service</a></th>
<th><a href=\"consultDysNordNantes.php?choixTri=5 \" class=\"type1\">Type</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=6 \" class=\"type1\">Nature</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=7 \" class=\"type1\">Processus Concerné</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=8 \" class=\"type1\">Service Concerné</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=9 \" class=\"type1\">Client</a> </th>
<th><a href=\"consultDysNordNantes.php?choixTri=10 \" class=\"type1\">Classification</a> </th>
<th> Description </th>
<th> Action Curative </th>
</tr>";
//echo"requete : $requete"; // permet d'afficher la requète effectuée en cas de besoin de controle
$req = mysql_query($requete) or die(mysql_error());
$i=0;
// on fait une boucle qui va faire un tour pour chaque enregistrement
while($data = mysql_fetch_assoc($req))
{
if($i%2==0)
{ //affichange du tableau, fais appel au design "tab1" si le nombre i est pair
echo"
<tr class=\"tab1\">
<td><div class=\"numero\"> $data[num] </td>
<td> $data[date] </div></td>
<td><div class=\"colonne\"> $data[redacteur] </td>
<td> $data[respCur] </td>
<td> $data[respSer] </td>
<td> $data[type] </td>
<td> $data[nature] </td>
<td> $data[processus] </td>
<td> $data[service] </td>
<td> $data[client] </td>
<td> $data[classification]</div></td>
<td><div class=\"texte\"> $data[description] </td>
<td> $data[actionCur] </div></td>";
if($droitAcces==2)
{
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
}
echo"</tr>";
}
else //fait appel au design "tab2" si le nombre i est impair
{
echo"
<tr class=\"tab2\">
<td><div class=\"numero\"> $data[num] </td>
<td> $data[date] </div></td>
<td><div class=\"colonne\"> $data[redacteur] </td>
<td> $data[respCur] </td>
<td> $data[respSer] </td>
<td> $data[type] </td>
<td> $data[nature] </td>
<td> $data[processus] </td>
<td> $data[service] </td>
<td> $data[client] </td>
<td> $data[classification]</div></td>
<td><div class=\"texte\"> $data[description] </td>
<td> $data[actionCur] </div></td>";
if($droitAcces==2)
{
if ($data['actionCur'] == NULL)
{
echo"<td><a href=\"ajoutActionCur.php?lieu=".$data['id_lieu']."&num=".$data['num']."\" class=\"type2\">Ajouter Action Curative</a></td>";
}
else{echo"<td></td>";}
}
echo"</tr>";
}
$i=$i+1;
}
echo"</table>";
echo"</div>";
?>

Et voila le php qui suit

Code :

table{
border: solid black 1px;
border-collapse: collapse;
width:100%;
}
td{
border: solid black 1px;
/*border-collapse: collapse;*/
}
.colonne {
font-family: Calibri, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner au centre */
width: 100px; /* largeur de la cellule*/
height:50px;
}
.numero{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner au centr */
width: 75px; /* largeur de la cellule*/
}
.texte{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: left; /* texte aligner à gauche */
width: 300px; /* largeur de la cellule*/
}
th{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 17px; /* taille du texte */
border: solid black 1px;
background-color:#FFFFFF;
}
h1{
color: white;
margin:0;
padding-top:50px;
text-align: center;
font-size: 40px;
}
.hautGauche {
float: left;
top: 0px;
left: 0px;
padding: 0px;
}
.menu{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
position : absolute;
top:131px;
left:0%;
/*border:solid 1px red;*/
border-right: 2px solid #CCCDCD;
padding:5px;
width:190px;
height:83%;
background-color: #CCFFFF;
}
.haut{
position: absolute;
top: 0%;
left: 0px;
border-bottom: 2px solid #CCCDCD;
width:100%;
padding:0px;
background-color:#66CCCC;
}
.corpConsult{
border: solid black 1px;
position : absolute;
top:131px;
left:200px;
/*border-left:2px solid #CCCDCD;*/
padding:19px;
width:81%;
height:80%;
background-color:#66CCCC;
overflow:scroll;
}
.corpAjout{
border: solid black 1px;
width: 81%;
position : absolute;
top:132px;
left:201px;
padding:20px;
background-color:#66CCCC;
}
ul{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 14px; /* taille du texte */
list-style-type: none;
margin:0px;
}
li{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 13px; /* taille du texte */
background-color:#CCFFFF;
margin:0px;
padding:0px;
}
.titreMenu{
font-family: Calibri, sans-serif; /* police du texte */
font-size: 14px; /* taille du texte */
background-color:#CCFFFF;
font-weight:bold;
margin:0px;
padding:0px;
}
tr.tab1{
background-color:#FF9966;
text-align:center;
border: solid black 1px;
}
tr.tab2{
background-color:#FFCC99;
text-align:center;
border: solid black 1px;
}
.tab3{
background-color:#CCFFFF;
}
a.type1 {
text-decoration: none;
color:#000000;
}
a.type2{
text-decoration: none;
color:#663366;
}
.connexion{
border: solid black 1px;
position : absolute;
width: 400px;
top:250px;
left:450px;
margin:50px;
border: solid black 1px;
background-color:#66CCCC;
}
.droite{
text-align:right;
padding:5px;
/*width: 200px;*/
border: solid black 1px;
/*border-collapse: collapse;*/
}
.centre{
text-align:center;
padding-left:10px;
padding-right:10px;
border: solid black 1px;
/*border-collapse: collapse;*/
}
textarea{
width: 600px;
height: 150px;
}

scribou

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

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

PHP

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

Sujets relatifs
[javascript] problème sur fonction SWITCH	[AIDE] EXT-JS 4 : filtres sur tableau
[PERL] problème avec variable de session PHP	Nuage de mots clés en PHP
[PHP] SPAN plier/déplier info dans pages PHP	PHP et Array
APPLICATION PHP/SQL	problème de passage de C au C++
Probleme de champ
Plus de sujets relatifs à : Problème largeur colonne d'un tableau PHP/CSS

Page générée en 0.411 secondes