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.
© 2003 Yves Mettier