Ça faisait vraiment longtemps que j’avais pas écrit d’article, j’essaye donc de rattraper mon retard pendant ces vacances. Aujourd’hui, je vais vous présenter la CSS3 (ou 3° version de la CSS). Première question de la plupart d’entre-vous (du moins, je suppose) : qu’est-ce que c’est la CSS? La CSS est un langage qui permet décrire […]

L’extension .cur est l’extension Windows propre aux images de curseurs de souris. C’est, accessoirement, le seul type d’image compris par Internet Explorer si vous souhaitez changer l’image par défaut de votre souris sur un site internet. De nombreux tutoriaux, pour générer ces fameux .cur, suggèrent de se contenter d’un .gif, et d’en renommer l’extension. Cela […]

Par George

Avatar de George

Hack css pour Google Chrome et Safari

Le navigateur de Google, Chrome, est basé sur Safari, le navigateur d’Apple. Ce sont deux excellents navigateurs, à mon sens aussi bons que Firefox. Leur seul défaut à mon sens est de ne pas permettre l’intégration de plugin. Hélas, malgré la qualité de ces navigateurs, il peut arriver que leur rendu diffère de celui de […]

Par George

Avatar de George

Changer l’image du curseur de la souris en CSS

Vous en avez marre de l’image du curseur par défaut de votre souris, éternellement la même quels que soient les sites que vous développez ? Changez la en CSS, rien de plus simple ! La propriété “cursor” est certes méconnue, mais fonctionne très bien sur tous les navigateurs récents. Elle s’utilise, comme pour les “background-image”, […]

La plupart des sites limitent la largeur de leur contenu à 1024 pixels (voir 800px), mais beaucoup de gens possèdent aujourd’hui des écrans plus larges (1280px, 1440px, 1680px, 1920px…). Et bien souvent, ces sites flottent au centre ou à gauche d’un fond vide ou contenant un papier peint ( background-repeat: repeat ). D’où l’éternelle question […]

Par George

Avatar de George

Les hacks IE

Comme j’évoquais hier les difficultés récurentes à développer pour tous les navigateurs, IE ne respectant pas les standards W3C, voici quelques solutions pour obtenir un affichage identique sous IE et n’importe quel navigateur moderne. Ces astuces sont généralement connues sous le nom de “hacks IE”, et exploitent tout simplement les différences (pour ne pas dire […]

Par Barth

Avatar de Barth

Variation de l’opacité d’un élément

Il existe une propriété css permettant de définir la transparence d’un élément. Voici le code pour un élément “img” utilisé comme lien dans un site (par exemple : un menu composé d’images vignettes) ?View Code CSSa img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }   a:hover img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } […]

Voici une propriété css que j’ai découvert il y a peu : il est possible de changer les propriétés d’un élément sélectionné. Voici le code nécessaire : ?View Code CSS .color-0::selection { color: rgb(252, 51, 252); background: rgb(252, 51, 252) } .color-0::-moz-selection { color: rgb(252, 51, 252); background: rgb(252, 51, 252) } Et voici un […]

Problème récurent pour tout développeur : les styles par défaut de la plupart des éléments html. Après quelques recherches, j’ai fini par trouver le code ci-dessous, à inclure dans chaque css afin de partir sur une base saine. ?View Code CSShtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, […]