Affichage données de BDD à partir d'une position verticale définie

**amaubird** · 09/05/2015, 15h26

Bonjour
A l'aide d'une requête mysql j'affiche les données d'une BDD.
A l'aide des CSS pas de problème pour le positionnement horizontal des données, par contre je ne parviens pas à afficher à partir d'une position verticale, par ex. top:30%.
Bien sur, si avant l'affichage des données je code quelques echo '<br />' ça permet de décaler vers le bas, mais sans maîtriser vraiment l'affichage.
Quelle est la méthode à utiliser, SVP ?

Si besoin je fournis le code de la page php, et l'adresse de la page

**kevin254kl** · 09/05/2015, 15h44

Bonjour, pourrait-on voir le code s'il vous plaît cela serait plus simple?

**amaubird** · 09/05/2015, 16h26

Voilà le code.
Si ça peut aider, voila l'adresse de la page
http://bridge.encheres.free.fr/forum/liste_fichiers.php

Code php :

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
<?php
session_start();
 
if (isset($_GET['page']))
	{$page=$_GET['page'];}
	else
		{$page=1;}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title>Liste fichiers</title>
<style type="text/css">
 
a{display:inline; position:relative; left:0%;font:16px Arial}
a{text-decoration:none}
a:link{color:blue}
a:visited{color:blue}
a:hover{color:red}
a:active{color:red}
 
.liste{position:absolute; top:0%;left:40%;font:24px Arial; font-weight:bold; color:red}
.titre_suj{position:absolute; top:10%;left:1%; color:#008080;font:16px Arial; font-weight:bold}
.titre_auteur{position:absolute;top:10%;left:40%; color:#008080;font:16px Arial; font-weight:bold}
.titre_date{position:absolute;top:10%;left:60%; color:#008080;font:16px Arial; font-weight:bold}
.titre_heure{position:absolute;top:10%;left:70%; color:#008080;font:16px Arial; font-weight:bold}
.titre_lu{position:absolute;top:10%;left:80%; color:#008080;font:16px Arial; font-weight:bold}
 
.titre_nb_rep{position:absolute;top:10%;left:85%; color:#008080;font:16px Arial; font-weight:bold}
 
.pag{position:absolute; top:88%; left:10px; font:16px Arial;color:#008080}
.menu{position:absolute; top:88%; color:blue; left:40%;}
 
.suj{position:absolute; left:1%; color:black;font:16px Arial }
.auteur{position:absolute;left:40%;  color:black;font:16px Arial}
.jour{position:absolute;left:60%;  color:black; font:16px Arial}
.mois{position:absolute;left:62%;  color:black; font:16px Arial}
.an{position:absolute;left:64%;  color:black; font:16px Arial}
.heure{position:absolute;left:70%;  color:black; font:16px Arial}
.minute{position:absolute;left:73%;  color:black; font:16px Arial}
.lu{position:absolute;left:80%;  color:black;font:16px Arial}
.nb_rep{position:absolute;left:85%;  color:black;font:16px Arial}
 
</style>
</head>
<body>
 
<?php
$titre_suj="Sujet";
$titre_auteur="Auteur";
$titre_date="Date";
$titre_heure="Heure";
$titre_lu="Lus";
$titre_nb_rep="Réponses";
 
 
$liste='Liste des sujets';
echo "<div class='liste'>$liste</div>";
 
echo "<div class='titre_suj'>$titre_suj</div>","<div class='titre_auteur'>$titre_auteur</div>",
"<div class='titre_date'>$titre_date</div>","<div class='titre_heure'>$titre_heure</div>",
"<div class='titre_lu'>$titre_lu</div>","<div class='titre_nb_rep'>$titre_nb_rep</div>";
 
echo "<br />","<br />","<br />","<br />","<br />";
 
include "connexion.inc.php";
 
$nbp=14; //nombre de messages par page
$requete = mysql_query("SELECT * FROM commentaires");
$count = mysql_num_rows($requete);
//calcul nombre pages np
$np=$count/$nbp;//nb pages brut
if ($count%$nbp>0){$np=floor($np + 1);}//nb pages dont page incomplete, ou ceil sans +1
$debut=($page - 1) * $nbp;//premier message à afficher	
 
$sql_query="SELECT * FROM commentaires LIMIT $debut,$nbp";
$resultat=mysql_query($sql_query);
//verif requete select
if (!$resultat){echo "L'extraction des éléments du tableau n'a pas fonctionné";
exit;}	
 
while ($rang=mysql_fetch_array($resultat)){
 
$sujet=$rang['sujet'];
 
$suj=$rang['suj'];
$suj=stripslashes($suj);
 
$auteur=$rang['auteur'];
$auteur=stripslashes($auteur);
 
$jour=$rang['jour']."/";
$mois=$rang['mois']."/";
$an=$rang['an'];
 
$heure=$rang['heure'].""."H";
$minute=$rang['minute'];
 
$lu=$rang['lu'];
$nb_rep=$rang['nb_rep'];
 
echo "<div class='suj'><a href=$sujet.php>$suj</a></div>","<div class='auteur'>$auteur</div>",
"<div class='jour'>$jour</div>","<div class='mois'>$mois</div>","<div class='an'>$an</div>",
"<div class='heure'>$heure</div>","<div class='minute'>$minute</div>",  
"<div class='lu'>$lu</div>","<div class='nb_rep'>$nb_rep</div>","<br />";
 
} //fin while
?>
 
 
<div class='pag'>
<?php
$pag='Page : '."$page";	
echo $pag,'<br/>';
for ($i=1;  $i<=$np; $i++)
	{
		echo '<a href="liste_fichiers.php?page='.$i.'">[' .$i. ']</a>';
	}
?>
</div>
 
<?php
$menu='<a href="menu_commentaires.php">Menu principal</a>';
echo "<div class='menu'>$menu</div>";
?>
 
</body>
</html>

**kevin254kl** · 09/05/2015, 16h43

Très bien, est-ce que vous-avez essayé en px? est-ce que vous-avez essayé la position en relative? je pense que le problème vient peut-être du fait d'une mauvaise imbrication si vous enlever certaine class est-ce que cela fonctionne?

**amaubird** · 09/05/2015, 17h52

Dès qu'on précise la position verticale, que ce soit en absolu ou en relatif, les lignes de données s'écrasent les unes sur les autres, ça ne marche donc pas et c'est normal. Je pense que la solution passe par l'utilisation du Javascript, j'ai essayé mais sans succès.

**NoSmoking** · 09/05/2015, 18h19

Bonjour,
tout positionner en absolute n'est pas cohérent, qui plus est que dans ton cas la mise en TABLE me semble une solution tout à fait envisageable, je ne comprends pas pourquoi tu ne l'utilises donc pas !

**amaubird** · 09/05/2015, 18h52

Je vais essayer avec TABLE. Ca devrait marcher avec un positionnement vertical du tableau. Je pensais que l'utilisation des tableaux était pratiquement abandonnée.
Merci de ton conseil.

**NoSmoking** · 09/05/2015, 19h03

La preuve que non 4.9 Tabular data, c'est l'utilisation pour de la mise en page qui peut être à blâmer, mais pour des données tabulaires après tout c'est sa vocation première.

**amaubird** · 10/05/2015, 13h45

Effectivement c'est efficace et beaucoup plus simple.
Et ca permet d'alléger le code. Problème résolu. Merci

Affichage données de BDD à partir d'une position verticale définie

Positionnement en CSS

Discussions similaires

Partager

Partager