romy.tetue.net

Développement front et conception web
X-HTML, CSS, SPIP, sémantique et accessibilité

Trucs CSS

Signaler le focus améliore la navigation
13 avril — Trucs CSS — 2 commentaires
Ne supprimez pas la bordure pointillée autour des liens ! Au contraire, stylez le focus, car il doit attirer l’attention.
LoVe Fuck HAte
2 avril — Trucs CSS — 3 commentaires
Pour styler les liens, l’ordre dans lequel sont déclarées pseudo-classes est important. Pour le retenir, dites : LoVe Fuck HAte !
Comment j’écris mon CSS ?
6 octobre 2009 — Trucs CSS — 2 commentaires
En réponse à l’appel à contribution pour un guide stylistique HTML/CSS, proposé à l’automne dernier par F.Verschelde, voici comment j’écris mon CSS.
Signaler les liens externes par un picto
7 août 2009 — Trucs CSS — 1 commentaire
Trois techniques pour signaler les liens externes par un picto, en HTML/CSS. Signaler les liens externes est une bonne pratique car elle renseigne l’internaute sur (...)
grey ou gray ?
30 mars 2009 — Trucs CSS — 1 commentaire
Les deux orthographes existent et sont également interprétées dans les navigateurs, mais on écrira plutôt « gray », avec un « a ». Une couleur, deux orthographes En langue (...)
À mort Internet Explorer 6 !
21 février 2009 — Trucs CSS — 19 commentaires
Internet Explorer 6, un navigateur archaïque mais hélas encore trop répandu, vit ses derniers jours. Encourageons-le à disparaître.
Atelier CSS : cascade et héritage
20 novembre 2008 — Trucs CSS — 8 commentaires
Support de l’atelier CSS de Paris Web 2008 : « Cascade et héritage : concevoir, organiser, optimiser et maintenir ses feuilles de styles ». Présenté lors du séminaire (...)
Layout Gala : 40 modèles de page
16 novembre 2007 — Trucs CSS
« Layout Gala » est une collection d’une quarantaine de modèles de mise en page différentes, à télécharger gratuitement d’un seul zip. Tous présentent la même structure HTML (...)
CSS a déjà dix ans, le saviez-vous ?
17 décembre 2006 — Trucs CSS
À l’origine, le HTML est conçu pour structurer les pages web. Tel qu’il a été pensé à partir de 1990, ce langage ne sert pas à décrire le rendu visuel des pages web (...)
Quand ça flotte, IE voit double
4 décembre 2006 — Trucs CSS — 7 commentaires
Pour positionner un élément en CSS, on utilise très facilement float agrémenté d’un margin pour le tenir à distance respectable. Par exemple : Bloc flottant à droite, (...)
Quand CSS peut le maximum, IE en fait le minimum
19 novembre 2006 — Trucs CSS
Nous connaissons bien les propriétés width et height du modèle des boîtes CSS qui permettent de déterminer, respectivement, la largeur et la hauteur des éléments . On (...)
Les défaillances connues d’IE/Win
10 novembre 2006 — Trucs CSS
Voici une liste sommaire des principaux bugs du navigateur Internet Explorer dans l’interprétation du CSS, avec liens vers des pages d’explications et de solutions : (...)
Bien ranger ses styles CSS (avec la règle @import)
4 janvier 2006 — Trucs CSS — 6 commentaires
Ranger ses styles dans une feuille de style externe, une seule, principale. La subdiviser en plusieurs pour se simplifier la vie. Et importer ces dernières (...)
Modèle des boîtes CSS
6 décembre 2005 — Trucs CSS — 3 commentaires
Bien comprendre le modèle de boîte (box model) est indispensable pour construire une mise en page en CSS, qui est constituée de « boîtes » imbriquées les unes dans les (...)
Des bordures pointillées même sous IE !
30 novembre 2005 — Trucs CSS — 1 commentaire
Jolie astuce pour obtenir des bordures en pointillés, même sous IE, quelques soient leurs couleurs et leurs dimensions. Le navigateur IE (Microsoft Internet Explorer) (...)
Pourquoi ce site s’affiche mal ?
22 septembre 2005 — Trucs CSS — 3 commentaires
Si ce site s’affiche mal chez vous... c’est parce que vous surfez avec un navigateur défaillant. Vous surfez avec Internet Explorer, et j’en suis désolée car les (...)
Comment styler une hr ?
25 avril 2005 — Trucs CSS — 7 commentaires
Je me bats en ce moment avec une hr qui me donne du fil à retordre... Pourquoi diable une hr ? Rien de mieux pour poser une séparation entre deux contenus. Mais quelle (...)