Création d'un tableau affichant les données horizontalement

Résolu/Fermé

modemo2018 Messages postés 231 Date d'inscription vendredi 15 novembre 2019 Statut Membre Dernière intervention 13 octobre 2022 - 18 déc. 2019 à 14:57
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 18 déc. 2019 à 19:47

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

A voir également:

Création d'un tableau affichant les données horizontalement
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Creation compte gmail - Guide
Création organigramme - Guide
Tableau word - Guide

4 réponses

Réponse 1 / 4

jee pee Messages postés 39636 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 avril 2024 9 235
18 déc. 2019 à 15:23

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

Réponse 2 / 4

modemo2018 Messages postés 231 Date d'inscription vendredi 15 novembre 2019 Statut Membre Dernière intervention 13 octobre 2022
Modifié le 18 déc. 2019 à 16:40

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

jee pee Messages postés 39636 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 avril 2024 9 235
Modifié le 18 déc. 2019 à 17:06

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>

modemo2018 Messages postés 231 Date d'inscription vendredi 15 novembre 2019 Statut Membre Dernière intervention 13 octobre 2022 > jee pee Messages postés 39636 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 avril 2024
18 déc. 2019 à 17:55

ça n'a pas marcher, les données s'affiche en desordre

jee pee Messages postés 39636 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 25 avril 2024 9 235 > modemo2018 Messages postés 231 Date d'inscription vendredi 15 novembre 2019 Statut Membre Dernière intervention 13 octobre 2022
18 déc. 2019 à 18:00

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

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>

Réponse 3 / 4

modemo2018 Messages postés 231 Date d'inscription vendredi 15 novembre 2019 Statut Membre Dernière intervention 13 octobre 2022
Modifié le 18 déc. 2019 à 17:11

merci j'essai

Réponse 4 / 4

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
18 déc. 2019 à 19:47

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>

Discussions similaires

ou sont les bananes ?

programme qui n'affiche pas le mot secret

Tableau croisé dynamique avec plusieurs en-têtes identiques

Discussions similaires

Newsletters