CSS3 pour les Web Designers by Dan Cederholm

By Dan Cederholm

Show description

Read or Download CSS3 pour les Web Designers PDF

Best programming: programming languages books

Additional resources for CSS3 pour les Web Designers

Sample text

20). Je le répéte : utilisez ce trucage avec précaution, ou mieux : pas du tout. La triste réalité, c’est qu’il vous faudra sans doute l’utiliser si votre site engendre un trafic non négligeable d’utilisateurs sous IE (comme la plupart des sites). 20 : Le pied de page sous IE7 avec le bidouillage en place, la propriété filter simulant la propriété opacity. Ajout d’une transition Pour finir, ajoutons une transition au changement d’opacité pour fluidifier le changement de cette valeur et amener une petite touche d’animation qui servira de liant.

Vous remarquerez que les images sont un peu plus grandes que ce que nous voulons obtenir dans le design final. C’est intentionnel, et nous allons utiliser CSS pour les réduire. 02 : La liste des photos grand format, avant l’application de CSS. Ajout du style Ajoutons un peu de CSS pour rendre la liste horizontale et appliquer une bordure d’un pixel à chaque image (notez également que l’arrière-plan de la page est gris clair #eee). galerie li a img { float: left; width: 200px; } Nous avons utilisé la propriété float pour positionner les éléments de la liste, désactivé les puces de la propriété liststyle et ajouté une bordure d’un pixel à chaque li.

02 présente la liste par défaut, sans aucun style appliqué. Vous remarquerez que les images sont un peu plus grandes que ce que nous voulons obtenir dans le design final. C’est intentionnel, et nous allons utiliser CSS pour les réduire. 02 : La liste des photos grand format, avant l’application de CSS. Ajout du style Ajoutons un peu de CSS pour rendre la liste horizontale et appliquer une bordure d’un pixel à chaque image (notez également que l’arrière-plan de la page est gris clair #eee). galerie li a img { float: left; width: 200px; } Nous avons utilisé la propriété float pour positionner les éléments de la liste, désactivé les puces de la propriété liststyle et ajouté une bordure d’un pixel à chaque li.

Download PDF sample

Rated 4.33 of 5 – based on 47 votes