Problème de mise en forme (tableau)

**Mat67** · 04/06/2007, 13h31

Bonjour,
voilà mon problème :

J'aimerai afficher diverses informations et pouvoir les aligner correctement, pour sa j'ai utilisé un tableau.
Mais voilà, la mise en forme n'est pas respectée, les informations dans le tableau sont en noir, alors qu'avant ses informations étaient en bleu avec une police différente.

Pour la police et couleur ... le site utilise des feuilles de style.

Voilà le code pour le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$ligne='<tr><td>'.$date.'</td><td> -</td><td> Appel de </td><td>'.$interlocuteur.'</td><td></td><td> - </td><td>'.$nommod.'</td>';

Voici le code pour l'affichage du tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
echo $ligne.'<td> -</td><td> '.$prob.'</td></tr>';

En éspérant avoir été assez clair...

**keul85** · 04/06/2007, 13h33

Je sais pas si c'est un oubli, mais je ne vois nulle part de <table> et </table>, ce qui me semble pourtant nécessaire pour faire un tableau

**Deallyra** · 04/06/2007, 13h33

Indentes le code du tableau et donnes nous ta feuille CSS

**Mat67** · 04/06/2007, 14h09

Voilà le code de la page (qui contient le tableau)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<html>
<head>
<title>Appels - Suivis maintenance</title>
<head>
<?php require_once("navig.inc.php");
session_start();
?>
</head>

<body>
	
	<?php		
		// SELECTIONNE L'ONGLET A AFFICHER 
		$_SESSION['menu']="apl";
		require_once("menu.php");
		$client=$_SESSION['clientselec'];
		
		if ($_SESSION['clientselec']!="") {
		?>
		<center>
		<a href="saisie/saisie.php?$elmt=incident" onclick="window.open(this.href,'exemple','height=520,width=420,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;">Enregistrer un incident </a>
		|
		<a href="listeappel.php" >Liste des appels</a></br>
		|
		<a href="recherche.php" >Rechercher</a></br>
		</center>
		<hr>
		<table>
		<?php
		// On recherche tous les appels du client
		$req="Select * from GRCAPPEL A, GRCINTERLOCUTEUR I where A.GAPINTERLOC=I.GILNO AND I.GILCLIENT=".$client." Order by A.GAPDATE desc"; 
		$bdd->requeteLMD($req);
		$nbapl=$bdd->retourneNombreLigne();
		$resultapl= $bdd->resultat;
		for ($a=0;$a < $nbapl; $a++)
		{
		$NumeroApl=$resultapl[$a]["GAPNO"];
		$date=$resultapl[$a]["GAPDATE"];
		$interlocuteur=$resultapl[$a]["GAPINTERLOC"];
		$req="Select * from GRCINTERLOCUTEUR Where GILNO=".$interlocuteur; // On recherche l'interlocuteur 
		$bdd->requeteLMD($req);
		$nbint=$bdd->retourneNombreLigne();
		$resultint= $bdd->resultat;
		for ($i=0;$i < $nbint; $i++)
		{ 
		$interlocuteur=$resultint[$i]["GILCIVIL"]; 
		$interlocuteur=$interlocuteur." ".$resultint[$i]["GILNOM"];
		}
		// On recherche l'evenement d'apres son numero d'appel
		$requete="Select * from GRCEVENEMENT where GEVAPPEL=".$NumeroApl; 
		$bdd->requeteLMD($requete);
		$nbevt=$bdd->retourneNombreLigne();
		$resultevt= $bdd->resultat;
		for ($e=0;$e < $nbevt; $e++)
		{	
			$EVTnum=$resultevt[$e]["GEVNO"];		
		}			
		// On recherche le module de l'appel
		$req="Select * from grcmodule M,grcevenement E where GEVNO=".$EVTnum."
		and E.gevmodule=M.grmno"; 
		$bdd->requeteLMD($req);
		$nbmod=$bdd->retourneNombreLigne();
		$resultmod= $bdd->resultat;
		$nummod=$resultmod[0]["GRMNO"];
		$nommod=$resultmod[0]["GRMLIBELLE"];
					
		$ligne='<tr><td>'.$date.'</td><td> -</td><td> Appel de </td><td>'.$interlocuteur.'</td><td></td><td> - </td><td>'.$nommod.'</td>';	
		
		// On régarde si il y a eu réponse au probleme
		$req="Select * from GRCEVENEMENT Where GEVAPPEL=".$NumeroApl;
		$bdd->requeteLMD($req);
		$nbevnmt=$bdd->retourneNombreLigne();
		$resultevnmt= $bdd->resultat;
		for ($e=0;$e < $nbevnmt; $e++)
		{ 
		$question=(@$resultevnmt[$e]["GEVQUESTION"]);
		$reponse=(@$resultevnmt[$e]["GEVREPONSE"]);
		}
		if (@$reponse==""){
		$prob="Non résolu";}
		Else { $prob="Résolu";}
		if (@$question!="maj") {
		
		echo $ligne.'<td> -</td><td> '.$prob.'</td>';
		
		?>
		<td><a href='suppression/suppression.php?num=<?php echo $NumeroApl; ?>'  onclick="window.open(this.href,'exemple','height=300,width=300,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/suppr.gif' title="Supprimer"></a><td>
		<td><a href='detailappel.php?num=<?php echo $NumeroApl; ?>'  onclick="window.open(this.href,'exemple','height=500,width=420,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/modif.gif' title="Modifier"></a><br><td></tr>
		<?php
		}
		echo '</p>';		
		}
		?>
		</table>
		<?
		}
		else { echo "<br><br><center>Aucun client sélectionné</center>";}
		require_once("pied.php"); 
	?>
	</body>
</html>

et voici le code de la feuille de style ( y en a 3, je pense que j'ai pris la bonne)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<style type="text/css">
 
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
 
#header {
height: 50px;
font-size: 2em;
background-color: #fff;
color: #3B77B3;
text-align: center;
}
 
#conteneur {
width: 350px;
margin: 0 auto;
background-color: #fff;
position: center;
}
 
#centre {
 
min-height: 100px;
position: center;
background-color:#F5F8FC;
border-bottom: 1px solid #3B77B3;
border-left: 1px solid #3B77B3;
border-right: 1px solid #3B77B3;
border-top: 1px solid #3B77B3;
border-style: dotted;
}
 
#centre table {
color: #F8B330;
font-weight: bold;
position: center;
}
 
</style>

Je suis en première année de BTS et lj'ai du reprendre la programmation du site qui n'a pas été terminée.

Merci pour vos réponses

En fait je veux aligner par colonne
date |appel de interlocuteur | nommode | prob

alors j'ai opté pour un tableau...
Je sais pas si s'est la meilleur idée.

**blueice** · 04/06/2007, 15h30

Donne le code HTML et pas PHP....

**Mat67** · 04/06/2007, 15h47

S'est le code du tableau que j'ai mis, je n'en n'ai pas d'autre

Pour expliquer le code, la variable $ligne contient la mise en forme du tableau + ses informations,

et à la fin le echo affiche le tout, mais pas avec la mise en forme, police etc ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo $ligne.'<td> -</td><td> '.$prob.'</td>';

**blueice** · 04/06/2007, 15h54

Si celui interprété...

**keul85** · 04/06/2007, 15h59

Tu pourrais pas afficher le code-source de la page une fois générée ? (la partie correspondant au tableau)

**Mat67** · 04/06/2007, 16h19

voici le code source de la page générée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
<title>Appels - Suivis maintenance</title>
<head>
<link rel="stylesheet" href="css/styleff.css" type="text/css"></head>
 
<body>
 
 
	<html>
<head></head>
<body>
 
<!-- AFFICHE LA SELECTION DE L'ETABLISSEMENT (HAUT DE PAGE) -->
<!-- SELECTIONNE L'ONGLET A AFFICHER EN FONCTION DU MENU CHOISI -->
 
<div id="conteneur"><div id="header">Suivi de maintenance</div><hr>
 
	<center><Form  Action="#"  Method=POST><p>Etablissement : <Select name="listecli"><option value="">-</option><option value="119" selected='selected'>Sens</option><option value="120">Saint Dié</option><option value="117">Rouen</option><option value="118">La rochelle</option></select><Input type="Submit" name="rechercher" value="Valider"></p><br></Form></center><div id="haut"><ul class="menu">
			<li><a href="index.php">Informations</a></li>
			<li><a href="interlocuteurs.php">Interlocuteurs</a></li>
			<li><a href="atalante.php">Atalante</a></li>
 
			<li><a href="connexions.php">Connexions</a></li>
			<li class="active"><a href="appels.php">Appels</a></li>
			<li><a href="maj.php">Mises-à-jour</a></li>
			</ul></div><div id="centre"></body>
</html>		<center>
		<a href="saisie/saisie.php?$elmt=incident" onclick="window.open(this.href,'exemple','height=520,width=420,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;">Enregistrer un incident </a>
		|
		<a href="listeappel.php" >Liste des appels</a></br>
 
		|
		<a href="recherche.php" >Rechercher</a></br>
		</center>
		<hr>
		<table>
		</p><tr><td>04/06/07</td><td> -</td><td> Appel de </td><td>M gege</td><td></td><td> - </td><td>Module 1</td><td> -</td><td> Résolu</td>		<td><a href='suppression/suppression.php?num=1161'  onclick="window.open(this.href,'exemple','height=300,width=300,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/suppr.gif' title="Supprimer"></a><td>
 
		<td><a href='detailappel.php?num=1161'  onclick="window.open(this.href,'exemple','height=500,width=420,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/modif.gif' title="Modifier"></a><br><td></tr>
		</p><tr><td>31/05/07</td><td> -</td><td> Appel de </td><td>M rrrr</td><td></td><td> - </td><td>Module 1</td><td> -</td><td> Non résolu</td>		<td><a href='suppression/suppression.php?num=1148'  onclick="window.open(this.href,'exemple','height=300,width=300,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/suppr.gif' title="Supprimer"></a><td>
 
		<td><a href='detailappel.php?num=1148'  onclick="window.open(this.href,'exemple','height=500,width=420,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,status=no'); return false;"><img src='img/modif.gif' title="Modifier"></a><br><td></tr>
		</p>		</table>
		</div>
	<div id="pied">
	<center>
		<a href="saisie/index.php" onclick="window.open('saisie/index.php');return false;">Ajout d'éléments</a>  |
		<a href="deconnection.php">Déconnexion</a>
 
	</center>	
</div>
 
	</body>
</html>

**keul85** · 04/06/2007, 16h32

Il faudrait mettre des class à la place des id.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="conteneur">

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="conteneur">

, ou du moins

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="conteneur" class="conteneur">

**Mat67** · 04/06/2007, 16h57

Merci, mais je ne pense pas que sa va résoudre le problème de mise en forme.

C'est uniquement dans le tableau ou la mise en forme n'est pas respéctée...

**blueice** · 04/06/2007, 16h58

keul c'est ce que j'ai dit pour le code.

Ensuite pourquoi des classes ?

Et le code presenté est erroné ! balise </html></body> apparaissent plusieurs fois...

**Mat67** · 04/06/2007, 17h05

Il y a plusieurs balises body et html, parce que la page fait appel a d'autre pages, enfin s'est ce que je pense ...

Envoyé par blueice

Ensuite pourquoi des classes ?

? (sa s'adresse a moi ou à keul85?)

keul85 j'ai fait ce que as dit, mais cela ne change rien, en plus si je remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="conteneur">

par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="conteneur">

l'affichage n'est plus le même, donc ce n'est pas sa la solution.

**keul85** · 04/06/2007, 17h20

Envoyé par blueice

keul c'est ce que j'ai dit pour le code.

Au temps pour moi j'avais pas compris la phrase dans ce sens ..

Envoyé par blueice

Ensuite pourquoi des classes ?

C'est comme ça qu'on m'a appris..

Sinon, ca me semble pas tout à fait normal d'avoir "#centre table {...}" dans la CSS et <table> tout seul dans la page PHP, mais peut-être que je me trompe et que j'ai mal suivi mes cours de HTML-CSS

Sinon, si tu utilises les id dans ton code, c'est évident qu'il ne faut pas les enlever.

**blueice** · 04/06/2007, 17h20

Il y a plusieurs balises body et html, parce que la page fait appel a d'autre pages, enfin s'est ce que je pense ...

Impossible un fichier HTML ne peut avoir qu'une balise html, head, body

id="name" => #name {...}
class="name" => .name {...}
ne pas confondre !

keul85 >#centre table {...} indique les tables comprisent dans la div id="centre"...