Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

CSS 2

  Créer une lettrine

fonction  principe  la methode elle-meme  demonstration  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Une lettrine est la fameuse première lettre d'un paragraphe, qui couvre plusieures lignes à la fois, vous savez...
  Principe
Il suffit de définir un style qui aura une taille de caractère relativement grande (par rapport au reste du texte), et surtout de déclarer que ce style est 'flottant' pour que le texte s'écoule le long de la lettrine.
Attention : Netscape et Internet Explorer ne gèrent pas de la même façon la hauteur de ligne...
  La méthode
dans la partie <head>
<style>
.lettrine { line-height: 42px; float: left; font-size: 46px; font-weight: bold; color: #3366CC; background-color: #FF0000; }
</style>
dans la partie <body>
<span class="lettrine">O</span>h la jolie lettrine que voilà !!!
Pourquoi s'embêter à créer
des images quand on peut
faire avec la même chose
avec les feuilles de style !!
  Démonstration
Oh la jolie lettrine que voilà !!!
Pourquoi s'embêter à créer
des images quand on peut
faire avec la même chose
avec les feuilles de style !!
  Téléchargement
Cette feuille de style est disponible en deux versions :
  • le style est appliqué localement, dans la balise style de la page),
  • le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

    L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieures pages.
  • Style local :
    para_lettrine.zip
    1 Ko
    telechargez le style telechargez le style
    Feuille de style :
    para_lettrine2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter