[Relayage d'info] CheckList HTML/CSS

Hopla,

je vous relais une info sur une méthode pour faire des checklist toutes belles avec HTML et CSS :

http://www.omacronides.com/news/0321-checklist-en-css/

Le principe général :

<ul>
   <li><del>une tâche effectuée</del></li>
   <li>une tâche non effectuée</li>
</ul>

li { background: url(image_par_defaut.png) 0 50%; list-style: none; }
li del { text-decoration: none; background: url(ma_coche.png) 0 50%; padding-left: 15px;}

(on peut utiliser un list-style-image si on préfère ou :before et content ou JS ou ce que vous voulez...)

++ (les astuces CSS et JavaScript du site sont vraiment top en général, je vous le conseille vivement)
Modifié par Olivier (16 Sep 2006 - 14:47)

Bonjour,

Pour la traçabilité des dates d'ajouts et de retraits de tâches :

<li><ins datetime="2006-09-15">tâche à faire</ins></li>
<li><del datetime="2006-09-14">tâche effectuée</del></li>

(datetime requiert le format de date AAAA-MM-JJ)

Tant qu'à faire et à utiliser des éléments spécifiques, autant bien le faire
Modifié par Laurent Denis (16 Sep 2006 - 17:23)

Laurent Denis a écrit :
Bonjour,

Pour la traçabilité des dates d'ajouts et de retraits de tâches :

<li><ins datetime="2006-09-15">tâche à faire</ins></li>
<li><del datetime="2006-09-14">tâche effectuée</del></li>

(datetime requiert le format de date AAAA-MM-JJ)

Tant qu'à faire et à utiliser des éléments spécifiques, autant bien le faire

Vui bien vu, faudra en faire part à l'auteur (je lui ai fait suivre le fil de discussion, et j'en causerai avec lui par mail eventuellement)

Merci pour la remarque, c'est vrai que c'est mieux z'ainsi