[Résolu] Responsive : passer table 7 colonnes en 3 colonnes

boteha_2 a écrit :
Hello gcyrillus,
Je ne connaissais pas<del> ni <ins> mais c'est bien approprié et sémantique.

Raphael a écrit :
Par contre attention à l'accessibilité : "display" modifie le comportement également pour les assistances techniques.
Pour cela, il vaut mieux s'assurer que les roles ARIA soient bien appliqués (table, rowgroup, row, cell, etc.) :
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/rowheader_role

var a = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var t = document.getElementById('test').offsetWidth;

if (a < t) {alert ("oups")}

var a = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
console.log("Largeur de la fenêtre:", a);

var test = document.getElementById('test');
console.log("Élément test:", test);

if (test) {
    var t = test.offsetWidth;
    console.log("Largeur de l'élément:", t);
    
    if (a < t) {
        alert("oups");
    }
}

boteha_2 a écrit :

J'ai copié ton code dans le codepen et ouvert la console mis il ne se passe rien.

Raphael a écrit :
Au contraire, il y a des infos intéressantes dans la console :
- "Largeur de la fenêtre:" 1077
- "Largeur de l'élément:" 1061