Des images dans les cellules d'un tableau

Un catalogue dont la première colonne est une image et non du texte : quatre images de tailles et de proportions très différentes, chacune posée entière et sans déformation dans la cellule que le tableau lui donne, contre un coin différent — sans réclamer ni largeur à sa colonne ni hauteur à sa ligne.

Un catalogue produit dont la première colonne est une image et non un mot. Les quatre images sont de tailles très inégales — l'une fait neuf cents pixels de large, une autre seize — et aucune ne partage les proportions d'une autre ; pourtant la colonne fait la largeur que le tableau lui a donnée et chaque ligne est haute comme son propre texte.

Une image ne réclame aucune largeur à sa colonne ni aucune hauteur à sa ligne. Elle est posée, entière et sans déformation, dans le rectangle qui lui revient, et sa place dans ce rectangle est celle que la cellule avait déjà. Un catalogue n'a donc pas à mettre ses images à la même taille avant de pouvoir les poser.

Ce que montre cet exemple

  • Des images logées dans les cellules sans être étirées ni rognées.
  • Une image qui ne réclame ni largeur à sa colonne ni hauteur à sa ligne.
  • La place dans la cellule est reprise de l'alignement de la cellule elle-même.

Le code, en entier

Le même document est écrit deux fois, une fois dans chaque langage. Les deux fichiers sont montrés en entier, avec la coloration du code, et se copient d'un seul clic.

Le document lui-même

Le même document est écrit dans chacune de ces langues. Ouvrez celle que vous voulez regarder.

Ouvrir le document en anglais Ouvrir le document en français

Voir le code Rust Voir le code Python

Première page de Des images dans les cellules d'un tableau

Ce que pèse ce document

Avant 172 697 octets
Aujourd'hui 102 470 octets
Gagné 40,7 %

Pas une marque de la page n'a changé. Voir tous les documents mesurés.

Des exemples voisins de celui-ci

Un tableau qui se pagine tout seul

Un long tableau confié d'un bloc, qui décide lui-même de son découpage en pages : son en-tête en haut de chaque page, sa note en bas de chaque page, ses fonds gris définis une seule fois pour tout le tableau, et une mention que l'on trace soi-même sous chaque page, à l'endroit exact que le tableau indique.

Des cellules fusionnées sur la hauteur

Une fiche technique dont les cellules sont fusionnées sur la hauteur : chaque groupe est nommé une seule fois en face de toutes ses lignes, avec une remarque à côté ; les traits de séparation s'arrêtent au bord de ces cellules, et une remarque trop longue pour les lignes qu'elle couvre les fait grandir.

Des colonnes mesurées sur leur contenu

La même liste de pièces deux fois : quatre colonnes qui se partagent la largeur à parts égales, puis la référence, la quantité et le prix chacun aussi large que sa propre cellule la plus large, la désignation prenant tout ce qu'ils laissent.

Tous les exemples, par sujet