Menu

Tableau HTML CSS

Messages postés
30
Date d'inscription
vendredi 23 novembre 2018
Statut
Membre
Dernière intervention
20 avril 2019
-
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;
}
Afficher la suite 

Votre réponse

2 réponses

Messages postés
25251
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
22 avril 2019
1952
0
Merci
Pour mettre des images
https://www.w3schools.com/tags/tag_img.asp

Au passage.... quand est t'il de tes deux autres questions ??
Commenter la réponse de jordane45
Messages postés
30
Date d'inscription
vendredi 23 novembre 2018
Statut
Membre
Dernière intervention
20 avril 2019
0
Merci
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;
   
}
Commenter la réponse de MaxBMX17