Mise en forme de tableau

**cedrickab** · 09/11/2020, 15h46

Bonjour,
besoin d'aide svp, j'ai construit un tableau de 3 de mes films preféré avec une note,
je voudrais dans un premier temps Faire en sorte que toutes les cases de mon tableau soient parfaitement carrées ensuite parfaitement ronde inclu la double case (je sais pas si c'est possible mais pas de transition je veux le faire dans 2 fichier different)
voici mon code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
    <head>  
    <style>
        table{
            border-collapse: collapse;
        }
        td{
            border:2px solid black;
        }
        th{
            border:2px solid black;
        }
        td:hover{
            color:white;
            background-color: black;
 
        }
        .choix{
            background-color: grey;
        }
          
    </style>
    </head>
    <body>
        <table>
            <tr>
                <th>FILM</th>
                <th>année de sortie</th>
                <th>note</th>
            </tr>
            <tr class=choix>
                <td>la ligne verte</td>
                <td>1999</td>  
                <td>5</td>          
            </tr>
            <tr>
                <td colspan="2">retour vers le futur </td>
                <td rowspan="2">4</td>
            </tr>
            <tr>
                <td>Drive</td>
                <td>2011</td>
            </tr>
 
        </table>
    </body>
 
</html>

**johanpetrikovsky** · 10/11/2020, 11h48

Tu as testé avec la propriété border radius ?

**NoSmoking** · 10/11/2020, 13h37

Bonjour,

je voudrais dans un premier temps Faire en sorte que toutes les cases de mon tableau soient parfaitement carrées

il suffit de leur donner une largeur égale à la hauteur.

ensuite parfaitement ronde inclu la double case

là il va te falloir revoir ta stratégie car avec des colspan et des rowspan séparés il va être difficile de maintenir quelque chose de carré, sauf peut-être à choisir un multiple commun.

(je sais pas si c'est possible mais pas de transition je veux le faire dans 2 fichier different)

là je n'ai rien compris.

Mise en forme de tableau

Tableau en CSS

Discussions similaires

Partager

Partager