Noob, question rowspan HTML sur le forum Programmation - 25-06-2022 17:22:29

Liste des sujets

Noob, question rowspan HTML

Pseudo supprimé 25 juin 2022 à 17:22:29

Salut, je me suis lancé depuis hier dans HTML et je suis le tuto grafikart.

J'en suis au tableau, et je voulais m'exercer un peu et je bloque déjà

Mon "code"

Ce que ça donne

Je n'arrive pas à fusionner les cellules sous Test, qu'est-ce qui foire dans mon code.

Message édité le 25 juin 2022 à 17:25:22 par Pseudo supprimé

Magrozz

Niveau 7

25 juin 2022 à 17:29:25

Les photos pour donner du code c'est non.
Utilise la balise <code></code> pour ça.

Pseudo supprimé 25 juin 2022 à 17:34:17

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            table,
td {
    border: 1px solid #333;
}

thead,
tfoot {
    background-color: #333;
    color: #fff;
}
        </style>
    </head>
    <body>
        <table>
                <tr>
                    <td rowspan="5">Test</td>
                    <td>Nombre article</td>
                    <td>Prix article</td>
                    <td>Total</td>
                </tr>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>10</td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td colspan="3">Test</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Magrozz

Niveau 7

25 juin 2022 à 17:40:06

Retire ta balise <tbody>.

Pseudo supprimé 25 juin 2022 à 17:42:05

Le 25 juin 2022 à 17:40:06 :
Retire ta balise <tbody>.

Merci !
Comment ça se fait que ça fasse foirer le tableau ? Je pensais que ça n'avait aucune incidence sur la forme et que c'était juste de la sémantique.

Magrozz

Niveau 7

25 juin 2022 à 17:43:34

J'ai trouvé ça : "rowspan cannot cross thead or tbody boundaries"

Pseudo supprimé 25 juin 2022 à 17:44:36

Ah d'accord, j'ai regardé sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/table mais j'ai du passer à côté.

C'est moche de bloquer sur ce genre de chose, ça me rassure pas sur la suite ^^

Magrozz

Niveau 7

25 juin 2022 à 17:47:45

Le 25 juin 2022 à 17:44:36 :
Ah d'accord, j'ai regardé sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/table mais j'ai du passer à côté.
C'est moche de bloquer sur ce genre de chose, ça me rassure pas sur la suite ^^

Si ça te fait peur, c'est un problème.
C'est que ça être développeur, faut juste apprendre à chercher sur Google, mais tu verras ça au fur et à mesure

Pseudo supprimé 25 juin 2022 à 17:50:45

Le 25 juin 2022 à 17:47:45 :
Le 25 juin 2022 à 17:44:36 :
Ah d'accord, j'ai regardé sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/table mais j'ai du passer à côté.
C'est moche de bloquer sur ce genre de chose, ça me rassure pas sur la suite ^^
Si ça te fait peur, c'est un problème.
C'est que ça être développeur, faut juste apprendre à chercher sur Google, mais tu verras ça au fur et à mesure

Oui, j'ai pas encore les bons réflexes (normal ^^) et je me perds avec les différents termes ce qui rend la recherche un peu complexe.

En tout cas merci pour ton aide !

Magrozz

Niveau 7

25 juin 2022 à 17:50:51

"la cellule s'étend jusqu'à la fin de la section (<thead>, <tbody>, <tfoot> du tableau à laquelle appartient la cellule même si cette section est définie implicitement)."

https://developer.mozilla.org/fr/docs/Web/HTML/Element/td#attr-rowspan

Magrozz

Niveau 7

25 juin 2022 à 17:52:22

Le 25 juin 2022 à 17:50:45 :
Le 25 juin 2022 à 17:47:45 :
Le 25 juin 2022 à 17:44:36 :
Ah d'accord, j'ai regardé sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/table mais j'ai du passer à côté.
C'est moche de bloquer sur ce genre de chose, ça me rassure pas sur la suite ^^
Si ça te fait peur, c'est un problème.
C'est que ça être développeur, faut juste apprendre à chercher sur Google, mais tu verras ça au fur et à mesure
Oui, j'ai pas encore les bons réflexes (normal ^^) et je me perds avec les différents termes ce qui rend la recherche un peu complexe.
En tout cas merci pour ton aide !

C'est normal, ne t'en fais pas et ça s'apprend assez vite.
N'hésite pas si t'as d'autres problèmes.

Pseudo supprimé 25 juin 2022 à 17:56:57

Le 25 juin 2022 à 17:50:51 :
"la cellule s'étend jusqu'à la fin de la section (<thead>, <tbody>, <tfoot> du tableau à laquelle appartient la cellule même si cette section est définie implicitement)."

https://developer.mozilla.org/fr/docs/Web/HTML/Element/td#attr-rowspan

Ah bah je l'avais bien lu, mais je ne l'avais pas compris comme ça ><

Aide à l'achat Mac
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Macintosh
Hardware

La vidéo du moment

News jeu

179 612 spectateurs

NVIDIA GeForce NOW : jouez à 007 First Light dans les meilleures conditions où vous le souhaitez, sans les inventions de Q

Dans l’univers de James Bond, les gadgets de Q permettent à 007 de réussir ses missions avec une technologie toujours à la pointe. Dans le monde du jeu vidéo, GeForce NOW joue un peu le même rôle.

Toutes les news jeu