6. Un bonus

Je ne terminerai pas sans vous montrer très rapidement un exemple amusant, impossible à faire facilement en HTML. Comment placer une boîte de texte à un endroit précis de la page. Essayez donc le style suivant:

div.magique {
	position: absolute;
	top: 100px;
	right: 100px;
	width: 80px;
	color: grey;
	border: 2px;
	border-color: green;
	border-style: inset;
}

Ailleurs, dans la page web, mettez du texte entouré de balises <div class='magique'>. Ce que vous devriez voir est une boîte contenant votre texte, positionnée à 100 pixels du haut et à 100 pixels du bord droit, de largeur 80 pixels, et donc la hauteur dépend de votre texte. Ceci est assez compliqué à faire en HTML pur, et oblige à une gestion lourdre des tableaux. Mais je ne vous en dis pas plus. Voyez la spécification CSS2, et les propriétés position, float et display. Peut-être même pourriez-vous vous passez de tout tableau ? Attention tout de même, les navigateurs netscape-4 n'ont pas encore tous disparu et il arrive souvent qu'en entreprise, le choix se limite à netscape-4 ou à internet explorer. Mais ceci est un autre discours.

création est mise à disposition sous un contrat Creative Commons