Tableau HTML CSS

Fermé

MaxBMX17 Messages postés 67 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 67 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
Trier tableau excel - Guide
Editeur html - Télécharger - HTML

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 4 721
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 67 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

Formule taux de marque

Bibliothèque

la balise <br> ou <br />

generateur de combinaison du loto 5/90