The Troll's factory

Geekeries & pensées
-->

Astuces CSS

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.

Share and Enjoy:
  • Print
  • PDF
  • Twitter
  • Facebook
  • LinkedIn
  • RSS
  • Wikio FR
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Technorati
  • Sphinn
  • Mixx
  • Add to favorites
  • Live
  • Netvibes
  • Scoopeo
  • viadeo FR
  • Identi.ca
  • MySpace
  • StumbleUpon
  • Yahoo! Buzz

Poster un commentaire

Remplissez le formulaire suivant pour poster un message.
Nom
Email
Site internet
Votre commentaire