Voici une petite liste d’astuces C.S.S. à connaître ou à venir récupérer quand on en a besoin, au choix. N’hésitez pas à mettre des liens vers le blog si les astuces vous servent .

Astuces génériques :

Centrer un texte en hauteur

Attention cette astuce ne fonctionne que pour un texte sur une seul ligne
.bloc_contenant_le_texte {
height: Xpx;
line-height: Xpx;
}

Code HTML :

<div class="bloc_contenant_le_texte" >Mon Texte à Centrer en Hauteur</div>

Théoriquement, pour un texte sur plusieurs lignes, il vous suffit de l’imbriquer dans un élément de type inline, qui sera lui-même intégré dans un bloc avec les propriétés ci-dessus appliquée :

Code HTML :

<div class="bloc_contenant_le_texte" >

Lorem ipsum dolor sit amet, morebantur.... The quick brown fox jumps over the lazy dog.

</div>

Code CSS :

/* Reprendre la classe .bloc_contenant_le_texte, puis la mettre à la place de ce commentaire */
.conteneur_dans_le_conteneur {
height: Ypx;
[width: Zpx]
display:inline-block;

Bugs Internet Explorer :

Background d’un input qui se taille quand on met plus de texte que la largeur visible de l’input :

background-position: top right;

Problème avec la propriété display:inline-block sous Internet Explorer 6 & 7 : NE FONCTIONNE QUE SUR LES ELEMENTS DE TYPE INLINE.