Tableau HTML CSS
MaxBMX17
Messages postés
67
Date d'inscription
Statut
Membre
Dernière intervention
-
MaxBMX17 Messages postés 67 Date d'inscription Statut Membre Dernière intervention -
MaxBMX17 Messages postés 67 Date d'inscription Statut Membre Dernière intervention -
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)
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 word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
2 réponses
Pour mettre des images
https://www.w3schools.com/tags/tag_img.asp
Au passage.... quand est t'il de tes deux autres questions ??
https://www.w3schools.com/tags/tag_img.asp
Au passage.... quand est t'il de tes deux autres questions ??
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;
}
