Le blog de Guillaume Bizet

Le blog de Guillaume BIZET : Blogging, iPhone, Webdesign, XHTML, CSS, Web2.0, Dotclear et Dotclear2, ...

Aller au contenu | Aller au menu | Aller à la recherche

Xhtml / CSS

La propriété CSS de texte à la loupe

mercredi 15 octobre 2008, 10:32 4

J'ai découvert hier cette fiche récapitulative de toutes les valeurs et options pour les propriétés font et text en css chez Specky Boy. Je dois dire que je ne les connaissais pas toutes et du coup cela me donne envie de faire des test. Vous les connaissiez toutes ces valeurs et option, vous ?...

[CSS] Enlever les pointillés des liens

mardi 29 juillet 2008, 14:55 19

Dans l'optimisation d'un site web ou d'un blog, il faut parfois penser aux petits détails qui font la différence entre les beaux sites et les très beaux. Il en est un qui n'est pas très connu mais qui vaut le détour. Vous avez surement dû remarquer que quand vous cliquez sur un lien, au moment où...

Hack de min-height pour IE

lundi 16 juin 2008, 09:04 4

Comme d'habitude c'est sous Internet explorer que je me retrouve confronté à des problème de prise en compte de la hauteur minimum d'un élément. J'ai enfin réussi à trouver une solution qui me conviens, pour l'instant, et je voulais savoir ce que vous en pensiez html>body div#machin { height:...

Table des équivalences pour les polices d'écriture entre pts, px, Em et %

lundi 02 juin 2008, 09:49 4

Un petit tableau ultra simple mais qui m'aide pas mal quand je fais des thèmes pour ne pas m'emmêler les pinceaux dans les équivalences entre les différentes mesures utilisables pour les polices d'écritures : points pixels Em % Elle fait partie d'une cheat sheet sur les CSS que j'ai trouvée sur un...

Calculatrice em / px

lundi 21 avril 2008, 09:12 2

Dans la construction d'un site et d'une feuille de style, il est très important de faire attention aux unités employées pour la police d'écriture car cela impacte directement sur les propriétés css enfants de la balise parent. Je m'explique : body { font-size : 0.8em; } p {font-size: 0.6em;} Ainsi...

Rendre le badge GTalk valide XHTML

jeudi 28 février 2008, 13:39 1

Cliquez sur l'image pour la voir en grand J'ai trouvé le code sur l'excellent blog de Ludovic. Merci à lui d'avoir partagé l'astuce C'est tout simple. Remplacez [html4strict] <iframe src="http://www.google.com/talk/service/badge/Show?tk=votrecodespecifiquedonnepargoogle"...

Un effet gradient sur du texte en CSS

vendredi 15 février 2008, 11:19 10

Je trouve cette solution très ingénieuse pour pouvoir appliquer un effet de gradient sur du texte et en CSS. Cela peut paraitre compliqué, et pourtant !!! C'est là que l'on voit la puissance des CSS Voici comme le réaliser. Code xhtml [html4strict] <h1><span></span>CSS Gradient...