Création d'un tableau affichant les données horizontalement [Résolu]

Signaler
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020
-
Messages postés
29606
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 septembre 2020
-
Bonjour, , voici un tableau conçu sur photoshop





Quelqu'un peut-il m'aidé je voudrai l'afficher sur mon site, de tel manière que mes données soit affiché horizontalement car en utilisant <td> </td> mes infos s'affiche verticalement, que dois-je faire, j'ai fais des recherche sur un internet je ne trouve pas un cours me permettant de le faire

4 réponses

Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020
6 764
Bonjour,

Un tableau photoshop ??? c'est une image alors, pas des données en liste.

Un tableau en html c'est
<tr><td>aaa</td> <td>bbb</td> </tr>
<tr><td>ccc</td> <td>ddd</td> </tr>

si tu veux dans l'autre sens c'est à toi lors de la constitution de la liste de l'ordonner différemment, pour passer les lignes en colonnes. Comme :
<tr><td>aaa</td> <td>ccc</td> </tr>
<tr><td>bbb</td> <td>ddd</td> </tr>


Cdlt
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020

J'ai pas bien compris, STP, peut-tu m'ullistré cela par exemple rapide, allant dans le sens que moi je souhaite selon la photo que je posté

<tr> 
<th><strong>unité</strong></th> 
<th colspan="3 "> <strong>Nbrevendu </strong></th> 
<th > <strong>jour</strong></th>
</tr>

<tr>
<td>Viande</td>
 <td>3</td>
<td>22</td>  
<td>22</td>  
<td>Lun</td>
</tr>    

<tr>
<td>Poulet</td>
 <td>3</td>
<td>22</td>  
<td>22</td>  
<td>Mar</td>
</tr>


Voici mon code, maintenant comment faire pour afficher les valeurs horizontalement, car ça s'affiche verticalement
Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020
6 764
Le sens des données m'échappe, mais sans m'en soucier alors

<table>

<tr> 
<td><strong>unité</strong></td> 
<td>Viande</td>
<td>Poulet</td>
</tr>

<tr> 
<td><strong>NbreVendu</strong></td> 
<td>3</td>
<td>3</td>
</tr>

<tr> 
<td></td> 
<td>22</td>
<td>22</td>
</tr>

<tr> 
<td></td> 
<td>22</td>
<td>22</td>
</tr>

<tr>
<td><strong>jour</strong></td>  
<td>Lun</td>
<td>Mar</td>
</tr>

</table>
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020
>
Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020

ça n'a pas marcher, les données s'affiche en desordre
Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020
6 764 >
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020

Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020
>
Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020

Voilà ça n'affiche pas horizontalement, c'est verticale, hors moi je veux que ça s'affiche horizontalement

chez moi ossi c'est comme ça que ça s'affiche
Messages postés
29687
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
27 septembre 2020
6 764 >
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020

C'est que tu n'as pas cherché

<table>

<tr> 
<th><strong>unité</strong></th> 
<td>Viande</td>
<td>Poulet</td>
</tr>

<tr> 
<th><strong>NbreVendu</strong></th> 
<td>3</td>
<td>3</td>
</tr>

<tr> 
<th></th> 
<td>22</td>
<td>22</td>
</tr>

<tr> 
<th></th> 
<td>22</td>
<td>22</td>
</tr>

<tr>
<th><strong>jour</strong></th>  
<td>Lun</td>
<td>Mar</td>
</tr>

</table>
Messages postés
202
Date d'inscription
vendredi 15 novembre 2019
Statut
Membre
Dernière intervention
19 septembre 2020

merci j'essai
Messages postés
29606
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 septembre 2020
2 793
Bonjour,

<html>
<head>
  <title>TEST</title>
</head>
<body>
<style>
  #montbl{
    width:400px;
    border-collapse: collapse;
    border-spacing: 1px;
    border: 1px solid black;
    
  }
  #montbl th,td {
   text-align:center;
    border: 1px solid black;
  }
  #montbl th{
    background-color:black;
    color:white;
  }
</style>
<table id="montbl">
  <thead>
    <tr>
      <th>Unité</th>
      <th colspan="3">NBRE VENDU</th>
      <th>Jour</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Viande</td>
      <td>3</td>
      <td>26</td>
      <td>26</td>
      <td>Lun</td>
    </tr>
    <tr>
      <td>Poulet</td>
      <td>3</td>
      <td>26</td>
      <td>26</td>
      <td>Mar</td>
    </tr>
  </tbody>
</table>

</body>
</html>