Michel's public fiddles
-
Exemples de tables/tableaux
Tout ce que vous vouliez savoir sur les tables, et même plus. Quelques nouveaux sélecteurs sont aussi présentés.
-
Démo background ++
On peut vraiment faire beaucoup de choses avec la propriété background (ou ses spécifications individuelles), surtout depuis qu'on peut mettre plusieurs images.
-
Démo background
On peut vraiment faire beaucoup de choses avec la propriété background (ou ses spécifications individuelles), surtout depuis qu'on peut mettre plusieurs images.
-
Test sur niveaux h, section et article
Il y a une présentation automatique des éléments article, section et h imbriqués qui montre l'imbrication. Cet exemple permet de mieux comprendre la logique à appliquer dans l'utilisation de ces éléments.
-
Démo de border-radius
No-Library (pure JS), HTML, CSS, JavaScript
-
Démo vertical-align (1)
La propriété vertical-align est intuitive seulement quand elle est appliquée dans une cellule d'une table, car dans ce cas elle indique comment aligner son contenu. Ailleurs, elle ne s'applique en principe que sur des éléments inline ou inline-block où elle permet de spécifier un alignement autre que celui par défaut qui suivrait la ligne de base dans le conteneur. En particulier, elle ne permet pas directement d'aligner le contenu d'un div ou autre bloc.
-
Démo vertical-align (2)
La propriété vertical-align est intuitive seulement quand elle est appliquée dans une cellule d'une table, car dans ce cas elle indique comment aligner son contenu. Ailleurs, elle ne s'applique en principe que sur des éléments inline ou inline-block où elle permet de spécifier un alignement autre que celui par défaut qui suivrait la ligne de base dans le conteneur. En particulier, elle ne permet pas directement d'aligner le contenu d'un div ou autre bloc.
-
Démo display
No-Library (pure JS), HTML, CSS, JavaScript
-
Propriété overflow
No-Library (pure JS), HTML, CSS, JavaScript
-
Démo-clearfix
Démo de la nécessité d'une solution au problème de l'invisibilité des éléments float