Mot-clé - CSS

Fil des billets - Fil des commentaires

Finalement la classe

Ça fait des années, réellement, que je peste au sujet des styles CSS inline insérés pour gérer l’alignement des médias. Eh bien j’ai fait hier le nécessaire pour en finir, au revoir les styles inline, bonjour les classes ! D’ailleurs les voilà ces classes : /* Media alignement */ .media-center {  […]

Lire la suite

De droite à gauche

Je viens d’ajouter deux langues dans Dotclear, l’arabe et l’hébreu, juste pour voir comment va se comporter l’administration avec des sens d’écriture différents, ça promet d’être cocasse ! لقد أضفت للتو لغتين في Dotclear ، العربية والعبرية ، فقط لأرى كيف ستتصرف الإدارة مع اتجاهات الكتابة المختلفة ،  […]

Lire la suite

Table responsive

J’ai repris ici le principe des tables responsives de l’admin de Dotclear, qui, je sais, est un pis-aller quand on a des tables avec des contenus bien copieux. Un peu de javascript : /** * Add headers on each cells (responsive tables) * * @param DOM elt table The table * @param string selector The  […]

Lire la suite

Positionnement de bloc média

Feuille emblématique de Dotclear, oct. 2022

En vue d’utiliser des classes plutôt que des styles inline comme depuis l’origine : .media-center { display: grid; place-items: center; } .media-left { float: inline-start; margin-inline-end: 1em; margin-block-end: 1em; } .media-right { float: inline-end; margin-inline-start: 1em; margin-block-end:  […]

Lire la suite

Expérimentation

Titre du billet sans text-wrap balance, mai 2023

En test ici même pour les titres des billets, c’est surtout la propriété text-wrap: balance; qui l’est : .post-title { white-space: unset; text-wrap: balance; hyphens: auto; } Pour passer de : Exemple Administration idéale, suite À : Exemple Administration idéale, suite NB : Le hyphens: auto; est  […]

Lire la suite

Haut de page