Suite à une question sur Le blog de Lise et en complément de son excellent article Mes images d’en-tête je vous explique rapidement comment définir des dimensions fixes pour votre header afin que vous puissiez définir les dimensions de votre ou vos images.
Si vous utilisez la feuille de style par défaut de dKret, votre header aura les dimensions suivantes:
- 890px de largeur
- 160px de hauteur
Il est donc utile d’une part de connaître ces dimensions, et d’autre part de savoir comment les modifier afin de trouver le bon compromis entre la largeur de l’en-tête et sa hauteur, et l’image que vous allez utiliser et modifier (rogner, redimensionner, dupliquer, etc…) afin que le résultat sois esthétique.
Pour cela il suffit tout simplement d’ajouter à votre schemepersonnel les lignes suivantes:
div#wrapper {width: auto; max-width: 11OOpx;} /* Largeur du blog voulue */
div#header {height: 145px;} /* Hauteur du header voulue */
Votre image devra donc avoir les dimensions suivantes:
- 11OOpx de largeur
- 145px de hauteur
Voilou @ peluche…