Tableau HTML CSS
MaxBMX17
Messages postés
96
Statut
Membre
-
MaxBMX17 Messages postés 96 Statut Membre -
MaxBMX17 Messages postés 96 Statut Membre -
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;
}
