Menu

Tableau HTML CSS

Messages postés
17
Date d'inscription
vendredi 23 novembre 2018
Dernière intervention
25 novembre 2018
-
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
23628
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2018
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
17
Date d'inscription
vendredi 23 novembre 2018
Dernière intervention
25 novembre 2018
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