Problème de mise en forme (tableau)

Version imprimable

04/06/2007, 12h31
Mat67

Problème de mise en forme (tableau)
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:

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

1 2 echo $ligne.'<td> -</td><td> '.$prob.'</td></tr>';
En éspérant avoir été assez clair...
04/06/2007, 12h33
keul85

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 :roll:
04/06/2007, 12h33
Deallyra

Indentes le code du tableau et donnes nous ta feuille CSS

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

Code:

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:

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.

04/06/2007, 14h30
blueice

Donne le code HTML et pas PHP....
04/06/2007, 14h47
Mat67

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:

echo $ligne.'<td> -</td><td> '.$prob.'</td>';
04/06/2007, 14h54
blueice

Si celui interprété... :roll:
04/06/2007, 14h59
keul85

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

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

Code:

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>

04/06/2007, 15h32
keul85

Il faudrait mettre des class à la place des id.

Code:

<div class="conteneur">

au lieu de

Code:

<div id="conteneur">

, ou du moins

Code:

<div id="conteneur" class="conteneur">
04/06/2007, 15h57
Mat67

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...
04/06/2007, 15h58
blueice

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... :roll:
04/06/2007, 16h05
Mat67

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

Citation:

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:

<div id="conteneur">

par :

Code:

<div class="conteneur">

l'affichage n'est plus le même, donc ce n'est pas sa la solution.
04/06/2007, 16h20
keul85

Citation:

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

Citation:

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

Sinon, si tu utilises les id dans ton code, c'est évident qu'il ne faut pas les enlever.
04/06/2007, 16h20
blueice

Citation:

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"...
04/06/2007, 16h25
keul85

Après une brève recherche, je viens de remarquer qu'on peut utiliser l'id pour les CSS :aie:
C'est que j'avais pris l'habitude d'utiliser les class="truc" avec des .truc dans la CSS.
04/06/2007, 16h33
Mat67

J'ai plus ou moins trouvé
j'ai rajouté à la balise <table>

Code:

<table id=center>

La présentation n'est pas parfaite, mais sa correspond plus ou moins a ce que je voulais !

Merci !!
04/06/2007, 16h55
blueice

Code:

<table id="center">