[HTML] Modéliser un calendrier de vie

Modéliser un calendrier de vie [HTML] - HTML/CSS - Programmation

Marsh Posté le 05-09-2023 à 22:34:11    

Bonjour,
 
J'aimerais générer un calendrier de vie dans ce genre là en html :
 
https://m.media-amazon.com/images/I/8109ztc+7qL._AC_SL1500_.jpg
 
soit 52 colonnes et 90/100 lignes.
 
Je pars sur un <table> ou bien un <ol> et moultes <li> ???
 
J'aurais tendance à dire un <table>, vous en pensez quoi ?
 
Merci :)


---------------
Un cycle complet sera une série de 100.
Reply

Marsh Posté le 05-09-2023 à 22:34:11   

Reply

Marsh Posté le 06-09-2023 à 00:58:04    

spark a écrit :

Bonjour,
 
J'aimerais générer un calendrier de vie dans ce genre là en html :
 
https://m.media-amazon.com/images/I [...] L1500_.jpg
 
soit 52 colonnes et 90/100 lignes.
 
Je pars sur un <table> ou bien un <ol> et moultes <li> ???
 
J'aurais tendance à dire un <table>, vous en pensez quoi ?
 
Merci :)


C'est une <grid> plutôt non ?
 
https://cssgrid-generator.netlify.app/

Reply

Marsh Posté le 06-09-2023 à 01:26:04    

je pense pas, c'est pas du html mais du css.
 
chaque case devra pouvoir être remplie ou non, et avoir un style propre ou non.
 
donc la question de la sémantique html est toujours présente.


---------------
Un cycle complet sera une série de 100.
Reply

Marsh Posté le 06-09-2023 à 07:56:05    

Si, c'est forcément du HTML. Le CSS est là pour le mettre en forme.
 
Vu la structure, sémantiquement, c'est un tableau. Ca pourrait être aussi des div mises en forme via le grid du CSS.
 
L'avantage du grid est que ça sera plus facilement adaptable à la largeur du périphérique d'affichage (responsive design). Mais si le nb de colonnes est forcément 52, tu pourras pas adapter pour avoir moins de colonnes et plus de lignes. Dans ce cas, le table sera plus adapté et tu jouera juste sur la largeur des cellules.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed