Astuces
Centrage d'un tableau dans une page
Si la taille du tableau est inférieure à 100% de la fenêtre d'affichage, il est souvent souhaité qu'il soit centré dans la page. Avec MSIE, Netscape 6 et +, ou Mozilla, Firefox ou Opera 5 et +, l'attribut margin: auto, à inclure dans les styles CSS de table, centre automatiquement le bloc.
Pour les autres, l'astuce consiste alors d'encadrer le tableau par des balises <div style="text-align:center"></div>.
Habiller un texte avec une image
Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte. Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte. Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte. Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte. Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte. Comme dans l'exemple suivant, vous pouvez insérer une images dans votre texte.
Voici comment procéder : donner la classe habillage à votre image et voici les CSS de cette class :
.habillage{
float:left;
padding-right:10px;
padding-bottom:10px;
}
La lettrine
Texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte texte texte texte tex tetexte texte texte texte texte texte
Pour créer, cette lettrine je me suis inspirée, d'un article sur le site Zen garden. On emploie la pseudo-class :first-letter pour mettre en valeur cette lettrine et on place une balise span sur le premier mot afin de respecter la règle qui consiste à écrire en petites capitales la fin du mot de la lettrine.
p.lettrine{
font-size: 1em;
line-height: 1.5;
margin: 3em auto;
}
p.lettrine:first-letter{
float: left;
font-size: 3em;
line-height: 1;
margin-right: 0.2em;
}
p.lettrine span{
font-variant:small-caps;
}
L'heure
La nouvelle balise <time> permet de baliser une date structurée.
Quelle serait sa syntaxe pour le 1er avril 2012 à 13h37 ?
<time datetime="2012-04-01T13:37:00Z"></time>