Créer une table HTML colonne par colonne au lieu de ligne par ligne

[JCD21]

Bonjour.
Pour simplifier, j'ai deux objets dont les données sont stockées dans une table Oracle (avec par exemple un nom, un texte, une image)
Le but est d'afficher côte à côte et verticalement les données de ces deux objets: les deux noms côte à côte, les textes (de longueurs différentes) côte à côte et les deux images côte à côte. Je pense donc mettre ces données dans une table HTML pour préserver l'alignement horizontal.

nom1 nom2
texte1 texte2
texte1
texte1
image1 image2

Le problème c'est qu'une requête SQL sur un objet me donne le nom, le texte , l'image, c'est-à-dire une colonne de mon tableau alors qu'en PHP, on ne peut créer le tableau que ligne par ligne: <

tr><td>...</td><td>...</td></tr>...

J'espère avoir été assez clair.
Comment faire?
Merci.

[Benjamin Delespierre]

Malheureusement c'est impossible, à moins de pondre un algo bien moche
Ce que tu peux faire en revanche c'est préparer ton tableau pour l'affichage en ligne, ce qui peut se faire de la manière suivante:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
$cols = array(
  array('a1', 'a2', 'a3', 'a4'),
  array('b1', 'b2', 'b3', 'b4'),
  array('c1', 'c2', 'c3', 'c4'),  
);
 
$lines = array();
$c = count($cols[0]);
for ($i=0; $i<$c; $i++) {
  $lines[] = array(array_shift($cols[0]), array_shift($cols[1]),  array_shift($cols[2]));
}
 
echo "<table>";
foreach ($lines as $line) {
  list($a,$b,$c) = $line;
  echo "<tr><td>$a</td><td>$b</td><td>$c</td></tr>";
}
echo "</table>";

[thebarbarius]

Pourquoi ne pas utiliser plutôt des div ?

C'est plus simple et personnellement plus propre.

[JCD21]

Justement, j'ai posé cette question dans le forum CSS:
Je crée des balises div que j'appelle par exemple:

Code :

<div>t11</div><div>t12</div><div>t13</div><div>t21</div><div>t22</div><div>t23</div>

Elles sont forcément écrites dans cet ordre et j'aimerais qu'à l'affichage, j'obtienne ceci:

t11 t21
t12 t22
t13 t23

Est-ce qu'on peut le faire avec du CSS et si oui, comment?
PS: j'aimerais que ça fonctionne comme un tableau: si le bloc t11 par exemple contient plus de lignes que le bloc t21, alors les premières lignes de t12 et t22 sont quand même alignées.

On m'a répondu que c'est impossible à cause du PS.
Mais si vous avez une autre idée...

[Benjamin Delespierre]

Si c'est un tableau, il faut faire un tableau c'est tout. On ne mets pas des divs pour faire joli.

[Shikiryu]

La seule raison d'utiliser une table est justement l'affichage de données tabulaires.

C'est le cas ici, je ne vois pas de raison d'utiliser des div qui n'ont aucune valeur sémantique alors que les données de tableaux en ont besoin.

A moins de vouloir succomber à la divitis bien sûr...

[philodido]

Bonjour,

Si c'est qu'une question de présentation, tu mets la ligne de résultat sql qui correspond à ta première colonne dans un div puis la ligne de résultat sql qui correspond à ta deuxième colonne dans un autre div et après tu style en mettant le premier div en float:left; et tu aura des deux div (colonnes) côte à côte.

[JCD21]

Oui mais je veux aussi avoir un alignement horizontal des données (voir mon dernier message):

si par exemple le premier bloc contient deux lignes (t11 et t11) alors avec ta méthode je n'ai pas l'alignement horizontal entre les blocs t12 et t22 comme dans un tableau: j'obtiens ceci

t11 t21
t11 t22
t12 t23
t13

au lieu de
t11 t21
t11
t12 t22
t13 t23

[jreaux62]

Bonjour,

Envoyé par Benjamin Delespierre

Malheureusement c'est impossible, à moins de pondre un algo bien moche

"a quoi ca sert que je me décarcasse ?" ... :

=> Affichage de données dans un tableau HTML
et plus particulièrement :
- Affichage "en colonne" avec array()
- Affichage "en colonne" avec Base de Données

[philodido]

Envoyé par JCD21

si par exemple le premier bloc contient deux lignes (t11 et t11)

?

Une ligne de résultat dans un div qui forme ta première colonne puis une ligne de résultat dans une autre div qui forme ta deuxiéme colonne. Ensuite tu met les 2 div côte à côte en css.

Ou regarde les solutions proposées au dessus par jreaux62, elles m'ont l'air intéressantes.

[JCD21]

jreaux62, si j'ai bien compris, ta méthode sous-entend qu'on met les données de la BDD dans un array avant de créer la table HTML.
C'est ce que j'ai fait mais les cellules du array contiennent chacune une grosse chaîne de caractères en HTML. Pour l'instant, ça passe...

[jreaux62]

Envoyé par JCD21

ta méthode sous-entend qu'on met les données de la BDD dans un array avant de créer la table HTML.

Oui.

Envoyé par JCD21

mais les cellules du array contiennent chacune une grosse chaîne de caractères en HTML. Pour l'instant, ça passe...

On met ensuite ce qu'on veut dans les cellules ...

[Benjamin Delespierre]

Envoyé par jreaux62

Bonjour,

"a quoi ca sert que je me décarcasse ?" ... :

=> Affichage de données dans un tableau HTML
et plus particulièrement :
- Affichage "en colonne" avec array()
- Affichage "en colonne" avec Base de Données

Je me suis mal exprimé. Je voulais dire qu'au niveau de HTML on ne peut pas afficher autrement qu'en ligne.

En revanche on peut customiser les colonnes avec <col> et <colgroup>.

[jreaux62]

Envoyé par Benjamin Delespierre

Je me suis mal exprimé....

No problemo.
Je ne faisais que parodier une vieille pub : "à quoi ca sert que DUCROS se décarcasse" ...
("je vous parle d'un temps que les moins de 20 ans ne peuvent pas connaitre ....")