background preloader

Css

Facebook Twitter

CSS Guidelines (2.2.2) – High-level advice and guidelines for writing sane, manageable, scalable CSS. CSS Stacked Paper Effect. Sélectionner les frères d'un élément en CSS. Également appelés les "combinateurs d'adjacence", ces sélecteurs avancés permettent de cibler des éléments proches d'un autre élément. Il existe à l'heure actuelle deux sélecteurs de ce type : le combinateur d'adjacence directe, et le combinateur d'adjance indirecte. Le sélecteur d'adjacence directe Le sélecteur d’adjacence directe est compatible avec quasiment tous les navigateurs.

La prise en charge de ce sélecteur est intéressante, puisque Firefox 1+, Safari 1.3+, Opera 9.2+, Chrome 2.0+ et IE7+ comprennent ce sélecteur. Petite nuance pour Safari qui a un problème d'interprétation lorsqu'on cible le frère d'un élément en hover jusqu'à la version 5. De même pour IE7, ne laissez pas trainer un commentaire HTML entre les deux éléments sinon le sélecteur ne fonctionnera pas.

Vous pouvez donc vous lâcher et l'utiliser dans vos intégrations. Syntaxe de base Pour cibler le frère d'un élément, nous allons avoir besoin du symbole +. Element1 + element2 { } Quelques exemples d'utilisation Exemple. Convertir un code RVB en héxadécimal ou inversement ! Quand CSS et Courriel s'embrassent sous le gui. Par Mark Wyner En tentant de recréer un design sophistiqué dans un courriel HTML à l'aide de CSS, on se heurte souvent à un mur qui peut se présenter soit sous la forme d'inexplicables mutilations par les clients mail, soit sous celle d'un mail sentencieux de la part d'un administrateur de messagerie, statuant que les CSS sont “contre les règles”.

Si vous aussi vous en avez assez de vous taper la tête contre les murs et d'utiliser les balises font, cet article est pour vous. Contrairement à ce que l'on peut penser, vous pouvez créer en toute tranquillité des courriels HTML avec une bonne vieille CSS façonnée à l'ancienne. Oui, vous avez bien lu. Et même si tous les attributs ne seront pas de la partie, la plupart fonctionneront de manière irréprochable avec cette méthode. D'abord arrive l'amour : pour le meilleur et pour le pire Puis vient le mariage : la remise en cause Mais quand j'ai vu les codes source, j'ai découvert quelque chose de plus horrible que je ne l'aurais cru.

Problème :