26272 sujets

CSS et mise en forme, CSS3

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 Smiley cligne
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 Smiley cligne

Vui Smiley smile bien vu, faudra en faire part à l'auteur Smiley cligne (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 Smiley lol