CSS non pris en compte problème d'affichage !

**clementdevelop** · 10/05/2013, 09h52

Bonjour tout le monde. Alors voilà mon problème:
J'ai une page qui affichage des données d'une BDD sous forme de tableau.
En fait j'ai deux tableaux: 1 pour un entete fixe (j'ai beaucoup de données a afficher), et 1 autre pour les données en question.

Pour pouvoir garder l'entête fixe, j'ai fait un <div> pour le 2ème tableaux et je lui ai affecté un overflow:scroll. Cette solution est pratique sauf que je suis obligé de définir les largeurs (pour mes colonnes de l'entete et pour mes colonnes de données) pour que les deux tableaux concordent.

Mon problème: je défini les largeurs dans une balise <styles> sauf que ces largeurs ne sont pas prisent en compte.....

PS: je tiens à préciser que je fais ca sur une autre de mes pages php et ca marche très bien

Si vous savez d'où ca peut venir, aidez-moi svp!
Merci d'avance

Mon code:

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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<html>
<head>
<style>
a:link{color="blue"}
a:hover{color="blue"}
a:visited{color="blue"}
.ligne_rouge {
background-color: #FF0000;
}
.ligne_grise {
background-color: #BBBBBB;
}
.ligne_blanche {
background-color: #EFEFEF;
}
lign_or {
background-color: #FFD700;
}
td.colonneps{width:115px;}
td.colonnedep{width:105px;}
td.colonnegdo{width:95px;}
td.colonnecom{width:135px;}
td.colonneeap{width:80px;}
td.colonnendp{width:130px;}
td.colonnenaff{width:85px;}
td.colonnechaff{width:110px;}
td.colonneipt{width:50px;}
td.colonnerr{width:60px;}
td.colonnepaff{width:95px;}
td.colonnebloc{width:65px;}
td.colonnecomment{width:70px;}
td.colonneprg{width:50px;}
td.colonnemexp{width:60px;}
td.colonnemexr{width:60px;}
td.colonnemes{width:60px;}
td.colonnemodifsch{width:85px;}
 
th.enteteps{width:115px;}
th.entetedep{width:105px;}
th.entetegdo{width:95px;}
th.entetecom{width:135px;}
th.enteteeap{width:80px;}
th.entetendp{width:130px;}
th.entetenaff{width:85px;}
th.entetechaff{width:110px;}
th.enteteipt{width:50px;}
th.enteterr{width:60px;}
th.entetepaff{width:95px;}
th.entetebloc{width:65px;}
th.entetecomment{width:70px;}
th.enteteprg{width:50px;}
th.entetemexp{width:60px;}
th.entetemexr{width:60px;}
th.entetemes{width:60px;}
th.entetemodifsch{width:85px;}
 
</style>
<title>Affichage Tableau Orne</title>
</head>
<body>
<form name="rechercher" action="suivi_omt_orne2.php" method="POST">
<?php
 
//=========================================
// information pour la connection à la DB
//=========================================
$host = 'XXXXXXX';
$user = 'xxxxxx';
$pass = 'XXXXX';
$db = 'XXXXX';
 
//======================
// connection à la DB
//======================
	$link = mysql_connect ($host,$user,$pass) or die ('Erreur : '.mysql_error() );
	mysql_select_db($db) or die ('Erreur :'.mysql_error());
 
//=============================================================================
// requête SQL qui compte le nombre total d'enregistrement dans la table et qui
//récupère tous les enregistrements
//=============================================================================
	$select = 'SELECT * FROM suivi_omt_orne ORDER BY poste_source ASC';
 
	$result = mysql_query($select,$link) or die ('Erreur : '.mysql_error() );
 
	$total = mysql_num_rows($result);
 
//===========================================
// si on a récupéré un résultat on l'affiche.
//===========================================
if($total) {
	//==================
	// debut du tableau
	//==================
 
	echo '<table border="2" bordercolor="#000000" rules=none>'."\n";
 
	//======================================================================
	// première ligne on affiche les titres prénom et surnom dans 2 colonnes
	//======================================================================
      	echo '<tr>';
	echo '*Les Postes Sources sont affichés par ordre alphabétique	/ ' . "\n";
	echo '*Nombre de postes: ' . $total;
	echo '	/ <a href="http://XXXXXXXXXXXXX/acrbn/suivi_omt/suivi_general_omt.html">Page d\'accueil</a>';
	echo '</tr>';
 
	echo '<tr>';
	echo '<th bgcolor="deepskyblue"><b>Rechercher Poste Source:</b></td>';
	echo '<th><input type="text" name="poste_source" size="20"/></td>';
	echo '<th colspan="1"><input type="submit" value="valider" size="20"></td>';
	echo '</tr>';	
 
 
	echo '<tr>';
        echo '<th class="enteteps" bgcolor="#FFD700">Poste Source</th>';
        echo '<th class="entetedep" bgcolor="#FFD700">Départ</th>';
	echo '<th class="entetegdo" bgcolor="#FFD700">N° GDO</th>';
        echo '<th class="entetecom" bgcolor="#FFD700">Commune</th>';
	echo '<th class="enteteeap" bgcolor="#FFD700">Equipement à poser</th>';
	echo '<th class="entetendp" bgcolor="#FFD700">Nom de poste</th>';
	echo '<th class="entetenaff" bgcolor="#FFD700">N° affaire</th>';
	echo '<th class="entetechaff" bgcolor="#FFD700">Chargé affaire</th>';
	echo '<th class="enteteipt" bgcolor="#FFD700">IPT</th>';
	echo '<th class="enteterr" bgcolor="#FFD700">Radio ou RTC</th>';
	echo '<th class="entetepaff" bgcolor="#FFD700">Position affaire</th>';
	echo '<th class="entetebloc" bgcolor="#FFD700">Blocage</th>';
	echo '<th class="entetecomment" bgcolor="#FFD700">Commentaires</th>';
	echo '<th class="enteteprg" bgcolor="#FFD700">Programme</th>';
	echo '<th class="entetemexp" bgcolor="#FFD700">MEX prévue</th>';
	echo '<th class="entetemexr" bgcolor="#FFD700">MEX réelle</th>';
	echo '<th class="entetemes" bgcolor="#FFD700">Mise en service</th>';
	echo '<th class="entetemodifsch" bgcolor="#FFD700">Modification schéma exploitation</th>';
	echo '</tr>'."\n";
	echo '</table>'."\n";
 
	echo '<div style=" height:400px; border:solid blue 1px; overflow:scroll;">'."\n";
	echo '<table border="4" bordercolor="#000000" rules=none>'."\n";
 
	//=========================================================================
	// lecture et affichage des résultats sur 2 colonnes, 1 résultat par ligne. 
	//=========================================================================
 
	while($row = mysql_fetch_array($result)) {
 
switch ($row["position_affaire"]) {
   case '11-Ouvrage en Exploitation' :
       $ligne_class = 'ligne_grise';
   break;
 
   case 'Affaire bloquée' :
       $ligne_class = 'ligne_rouge';
   break;
 
   default:
      $ligne_class = 'ligne_blanche';
   break;
}
 
	echo '<tr class="' . $ligne_class . '">';
        echo '<td class="colonneps">'.$row["poste_source"].'</td>';
        echo '<td class="colonnedep">'.$row["depart"].'</td>';
	echo '<td class="colonnegdo">'.$row["num_gdo_poste_a_equiper"].'</td>';
        echo '<td class="colonnecom">'.$row["commune"].'</td>';
	echo '<td class="colonneeap">'.$row["equipement_a_poser"].'</td>';
	echo '<td class="colonnendp">'.$row["nom_de_poste"].'</td>';
	echo '<td class="colonnenaff">'.$row["num_affaire"].'</td>';
	echo '<td class="colonnechaff">'.$row["charge_affaire"].'</td>';
	echo '<td class="colonneipt">'.$row["ipt"].'</td>';
	echo '<td class="colonnerr">'.$row["radio_ou_rtc"].'</td>';
	echo '<td class="colonnepaff">'.$row["position_affaire"].'</td>';
	echo '<td class="colonnebloc">'.$row["blocage"].'</td>';
	echo '<td class="colonnecomment">'.$row["commentaires"].'</td>';
	echo '<td class="colonneprg">'.$row["prg"].'</td>';
	echo '<td class="colonnemexp">'.$row["mex_prevue"].'</td>';
	echo '<td class="colonnemexr">'.$row["mex_reelle"].'</td>';
	echo '<td class="colonnemes">'.$row["mise_en_service"].'</td>';
	echo '<td class="colonnemodifsch">'.$row["modification_schema_exploitation"].'</td>';
	echo '</tr>'."\n";
 
 
    }
    echo '</table>'."\n";
    echo '</div>'."\n";
 
	//================
	// fin du tableau.
	//================
}
else echo 'Pas d\'enregistrements dans cette table...';
 
// on libère le résultat
mysql_free_result($result);
mysql_close($link);
 
?>
</form>
</body>
</html>

**rodolphebrd** · 10/05/2013, 10h47

Bonjour,

Il n'y a pas de Doctype sur votre page?

**clementdevelop** · 10/05/2013, 10h49

Euh non, sur aucune...
C'est nécessaire?
Que faut-il mettre dans ce cas?

Ps: Je travaille avec le bloc-notes windows donc le doctype n'est pas généré automatiquement. Je sais qu'il existe un site où tu rentres ton adresse de site et il te renvoie le doctype mais moi je ne peut pas le faire car mon site n'ira pas sur internet mais sur l'intranet de l'entreprise...
En attendant j'en ai testé quelques-uns mais ca ne change rien mes largeurs ne sont pas prises en compte ...... :'(

**rodolphebrd** · 10/05/2013, 12h06

Un peu de lecture s'impose:http://xhtml.developpez.com/faq/?pag...octype_utilite

**clementdevelop** · 10/05/2013, 12h15

J'ai donc inséré un doctype dans ma page: celui-là:

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Mes largeurs ne sont toujours pas prises en compte et maintenant mes liens ne s'affichent plus en bleu comme j'avais pu le précisé ici:

Code :

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

1
2
3
a:link{color="blue"}
a:hover{color="blue"}
a:visited{color="blue"}

Je suis toujours coincé...

**rodolphebrd** · 10/05/2013, 12h26

Avez-vous un lien vers votre site parce qu'il n'est pas évident d'y voir clair.

Ou re-postez votre code dépourvu de code PHP.

**Candygirl** · 10/05/2013, 13h05

Bonjour,

Envoyé par clementdevelop

mes liens ne s'affichent plus en bleu comme j'avais pu le précisé ici:

Code :

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

1
2
3
a:link{color="blue"}
a:hover{color="blue"}
a:visited{color="blue"}

En css les couples propriété/valeur sont séparés par un : et sans guillemets:

Code :

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

a {color:blue}

D'autre part, il faudrait poster le code html généré pour que l'on puisse visualiser plus facilement le problème.

CSS non pris en compte problème d'affichage !

CSS

Vue hybride

Discussions similaires

Partager

Partager