Tableau HTML CSS

Fermé

MaxBMX17 Messages postés 68 Date d'inscription vendredi 23 novembre 2018 Statut Membre Dernière intervention 20 octobre 2021 - Modifié le 25 nov. 2018 à 17:17
MaxBMX17 Messages postés 68 Date d'inscription vendredi 23 novembre 2018 Statut Membre Dernière intervention 20 octobre 2021 - 25 nov. 2018 à 19:25

Bonjour,
J'ai les bases pour construire un tableau mais le problème c'est que je voudrais savoir comment mettre une photo au dessus de chaque colonne pour pouvoir aisi faire ce tableau (voir photo)

<table>
   <tr>
       <th>...</th>
       <th>...</th>
       <th>...</th>
   </tr>

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

table
{
    border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}

A voir également:

Tableau HTML CSS
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Tableau word - Guide
Editeur html - Télécharger - HTML
Identifier un tableau à partir d'une photo - Forum Graphisme

2 réponses

Réponse 1 / 2

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

Pour mettre des images
https://www.w3schools.com/tags/tag_img.asp

Au passage.... quand est t'il de tes deux autres questions ??

Réponse 2 / 2

MaxBMX17 Messages postés 68 Date d'inscription vendredi 23 novembre 2018 Statut Membre Dernière intervention 20 octobre 2021 1
25 nov. 2018 à 19:25

J'ai réussis à réaliser le tableau :

<table>
  <tr>
    <td></td>
    <td>
      <ul>
        <li>Samsung</li>
        <p>Samsung Galaxy S9</p>
      </ul>
    </td>
    <td>
     <ul>
        <li>Apple</li>
        <p>Iphone X</p>
      </ul>
    </td>
    <td>
     <ul>
        <li>Huawei</li>
        <p>Huawei Mate 20 pro</p>
      </ul>
    </td>
  </tr>
  <tr>
   <td colspan="4">CARACTÉRISTIQUES GÉNÉRALES</td>
  </tr>
  <tr>
    <td>Système d'exploitation</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Processeur</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Nombre de SIM</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Type de SIM</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Batterie</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Charge par induction</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Charge rapide</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Autonomie en communication</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Autonomie sur Internet en 4G</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
   <td colspan="4">Ecran</td>
  </tr>

table td{
  border: 1px solid black;
   
}

Discussions similaires

ou sont les bananes ?

Nom de champs du tableau croisé dynamique non valide

generateur de combinaison du loto 5/90

Bibliothèque

Espace en HTML

Discussions similaires

Newsletters