Php dans css

**stefanelle** · 24/04/2009, 14h21

Bonjour,

Voila mon souci est que j ai un tableau qui affiche des données stocké sur ma table SQL. j'ai stylisé le tableau avec des conteneurs DIV j'arrive à mettre les données dans le tableau mais ces données s'affichent à la verticale et non à l'horizontale comme souhaité

Voici mon code merci :

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
<body>
 
<div id="resultat-global-cont">
 
<!-- Resultat par team -->
<div id="resultat-main-cont">
<div id="title-result-cont">titre du tableau</div>
<div id="result-main-cont">
 
	<div id="result-title-cont">
	<div id="result-title-box1">titre colonne 1</div><div id="result-title-box2">titre colonne 2</div><div id="result-title-box3">titre colonne 3</div>
	<div id="result-title-box4">titre colonne 4</div><div id="result-title-box5">titre colonne 5</div>	
	</div>
	<?php
 
define('DB_SERVER', 'localhost'); // serveur mysql
define('DB_SERVER_USERNAME', 'root'); // nom d'utilisateur
define('DB_SERVER_PASSWORD', ''); // mot de passe
define('DB_DATABASE', 'classement'); // nom de la base
 
$connect = mysql_connect(DB_SERVER, DB_SERVER_USERNAME,
DB_SERVER_PASSWORD)
or die('Impossible de se connecter : ' . mysql_error());
// sélection de la base de données
mysql_select_db(DB_DATABASE, $connect);
 
 
$sql = "SELECT * FROM general";
$req = mysql_query($sql);
while($resultat = mysql_fetch_assoc($req)){
$cpt = 1;
foreach ($resultat as $valeur)
   {
     echo '<div id="result-line-cont"><div id="box'.$cpt.'-cont">'.$valeur.'</div></div>';
    $cpt++;
 
   }
 
}
 
?>
 
		<div id="result-line-cont">
 
 
		<div id="result-box1-cont"></div>
		<div id="result-box2-cont"></div>
		<div id="result-box3-cont"></div>
		<div id="result-box4-cont"></div>
		</div>
 
		<div id="result-line-cont">
		<div id="result-box1-cont"></div>
		<div id="result-box2-cont"></div>
		<div id="result-box3-cont"></div>
		<div id="result-box4-cont"></div>
		</div>
 
		<div id="result-line-cont">
		<div id="result-box1-cont"></div>
		<div id="result-box2-cont"></div>
		<div id="result-box3-cont"></div>
		<div id="result-box4-cont"></div>
		</div>
 
		<div id="result-line-cont">
		<div id="result-box1-cont"></div>
		<div id="result-box2-cont"></div>
		<div id="result-box3-cont"></div>
		<div id="result-box4-cont"></div>
		</div>
 
		<div id="result-line-cont">
		<div id="result-box1-cont"></div>
		<div id="result-box2-cont"></div>
		<div id="result-box3-cont"></div>
		<div id="result-box4-cont"></div>
		</div>
               </div>
                </div>
</body>

Merci de votre aide

**MaitrePylos** · 24/04/2009, 14h25

Code :

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

1
2
3
4
5
6
7
 
foreach ($resultat as $valeur)
   {
     echo '<div id="result-line-cont"><div id="box'.$cpt.'-cont">'.$valeur.'</div></div>';
    $cpt++;
 
   }

Tu utilises des 'id', pour faire référence à ta css, or les 'id' sont unique, donc si le même id est repris plusieurs fois dans la page, le css de l'id ne s'appliquera pas, dans le css remplace ceci notamemnt

Code css :

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

1
2
 
#result-line-cont

par

Code css :

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

1
2
 
.result-line-cont

**stefanelle** · 24/04/2009, 15h43

Merci j ai resolu mon problème en utilisant des ul et li par contre je déclare mes li comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$sql = "SELECT * FROM general";
$req = mysql_query($sql);
while($resultat = mysql_fetch_assoc($req)){
$cpt = 1;
foreach ($resultat as $valeur)
   {
     echo '<li id="result-'.$cpt.'" style="overflow: hidden; display: block; float: left; height: 19px; width: 620px;">'.$valeur.'';
    $cpt++;
 
   }
 
}
 
?>

le problème c est que vu le code il me met une valeur sur une ligne la deuxième valeur sur la deuxième ligne .... je souhaiterais qu il mette 5 valeurs sur chaque ligne mais je vois pas comment ... merci

**fab76000** · 24/04/2009, 15h59

Je te conseille de ne pas utiliser des li mais plutot un tableau si ton application le permet. Grâce à un tableau tu peux gérer l'affichage avec les colonnes ou les lignes, en bouclant dessus. Cela dépend du contexte.

**stefanelle** · 24/04/2009, 16h07

oui mais je crois que je n'ai pas le choix :-( il n'y a pas un moyen avec un li par exemple de dire au cpt de ne pas incrémenter 123456 mais 11111122222 ... enfin si c est possible

**fab76000** · 24/04/2009, 16h16

Je comprends pas pourquoi tu n'as pas le choix?
D'autant plus qu'au départ tu voulais partir d'un tableau de div, la je te parle d'un vrai tableau (table) avec des td et des tr. J'ai déja utilisé ce genre de chose pour afficher les résultats d'une requete SQL, en bouclant sur les lignes et les colonnes j'affichais 3 résultats sur une ligne, puis je sautais de ligne etc.
Tes besoins sont-ils similaires ou ai-ja mal compris?

Php dans css [MySQL]

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager