Production de documents WWW - Université de Genève, CUI ©

Groupe VP-GL=>Cours en-ligne=>Production de documents WWW=>Plan du cours=>Le langage HTML=>Quelques bons "tuyaux"

Quelques bons "tuyaux"

Note: la plupart des "trucs" décrits ici peuvent et devraient être réalisés à l'aide de feuilles de style.

Comment faire un texte encadré?
  • Il suffit d'utiliser une table
  • avec l'attribut border
  • et une seule cellule de type <td>.

Le contenu de la cellule peut être une section HTML assez complexe.

Ce mécanisme peut être utilisé récursivement

Note: comme la marque <table> définit un paragraphe, ce mécanisme ne peut s'appliquer qu'à des paragraphes entiers.

Comment avoir un trait vertical le long d'un texte?

C'est simple:
  • Il suffit d'utiliser une table avec une rangée de deux cellules.
  • La cellule contenant le trait vertical contiendra juste la marque <br> et on utilisera l'attribut BGColor pour définir la couleur du trait et l'attribut width pour définir l'épaisseur du trait (il faudra tenir compte de la valeur éventuelle de CellPadding, qui s'ajoutera à double à la valeur de width).
  • La deuxième cellule contiendra le texte proprement dit.
  • Quelle que soit la largeur de la fenêtre, les dimensions de la table seront ajustées automatiquement et le trait vertical aura toujours la même hauteur que le texte qui se trouve à côté.

D'une manière similaire, on peut avoir deux zones de texte séparées par une barre verticale, etc.

Note: du fait que l'on utilise la couleur de fond d'une cellule pour créer l'effet d'une barre verticale, cette barre ne ressort à l'impression du document que si le butineur permet d'imprimer les couleurs et images d'arrière-plan

Comment faire apparaître un texte explicatif lorsque le curseur de la souris est sur un hyperlien?
Depuis la version 3.2 de HTML, il est possible d'utiliser l'attribut title="UnTexte" avec la plupart des marques (balises). Il est donc possible de définir un lien ainsi:
<a href="..." title="...">

Le texte défini dans l'attribut title apparaîtra généralement lorsque le curseur de la souris passe sur le lien, d'une manière similaire au texte de l'attribut ALT pour une image. Le but, ici, est de pouvoir fournir des indications supplémentaires sur le document qui est la destination du lien.

Comment modifier la taille des caractères dans des listes à sélection simple ou multiple (formulaires)
Dans une feuille de style, on peut redéfinir les propriétés de polices de caractères et de fontes associées à la balise select. Il est recommandé d'utiliser des valeurs relatives (p.ex. 120%).


Bertrand Ibrahim

Dernière modification: 5.04.00

Site Hosting: Bronco