GUIDEGRATUIT.COM

Apprenez à créer un site en HTML simplement et progressivement...
Accueil
Introduction importante
Le HTML c'est quoi ?
Notre projet
Equipez vous
Votre première page
Gérer le texte
Mise en page
Images
Tableaux
Liens
Couleurs
Formulaires
Hébergeurs de sites
Mise en ligne FTP
Frames
Autres cours
Résumé des balises
Le dico du site
Vos questions (F.A.Q.)
Le Forum
Liens utiles
Contact webmaster
Copyright
ALIGNEMENT DE TEXTE
Question : Je voulais juste savoir s'il y avait un moyen d'utiliser les tabulations de manière plus précise que ce qu'on a appris.
Je m'explique : je voudrais tabuler mes textes à tant de cm de la marge droite ou gauche, c'est possible ?

En d'autres termes, je voudrais trouver une solution pour éviter ça :

"- Brevet Professionnel d'Accompagnateur de Tourisme Equestre
de la Fédération"

et donc mettre ce "de" aligné sous le "Br" de Brevet.

Hervé.

Réponse : Vous avez donc fait ceci :

"- Brevet Professionnel d'Accompagnateur de Tourisme Equestre
de la Fédération"

Obtenu avec un code simple que je redonne ci-dessous (pour information) :

"- <font color="#0000FF">Br</font>evet Professionnel d'Accompagnateur de Tourisme Equestre<br>
<font color="#FF0000">de</font> la Fédération"

Votre problème : L'alignement se fait en toute logique à la ligne suivante sur la partie la plus proche du bord gauche du navigateur...

La reflexion : Pour forcer le navigateur a mettre un petit espace, je devrais mettre quelques espaces avant le "de".

La mauvaise solution : taper 4200 fois sur la barre d'espace dans le code source comme un acharné. Ce qui ne mènerait à rien vu que le navigateur ne prends pas en compte les espaces à partir du deuxième à la suite !

La bonne solution : Dans ce cas la solution la plus simple est d'expliquer au navigateur que l'on veut plusieurs espaces en lui donnant le code "&nbps;" (sans les guillemets) autant de fois que l'on souhaite. L'espace est en effet un caractère spécial !

Décortiquons ce code de caractère spécial :
"&" veut dire "attention un caractère spécial !"
"nbsp" veut dire "espace"
";" veut dire "la définition du caractère spécial est fini, retournons à nos moutons".

Voici ce que cela donne :

"- Brevet Professionnel d'Accompagnateur de Tourisme Equestre
   de la Fédération"

Et voici le code effectué pour obtenir ce résultat :

"- <font color="#0000FF">Br</font>evet Professionnel d'Accompagnateur de Tourisme Equestre<br>
&nbsp;&nbsp;&nbsp;&nbsp;<font color="#FF0000">de</font> la Fédération" <br>

D'autres solutions ? : il existe d'autres solutions pour faire en sorte de garder un alignement. Vous auriez ainsi pu faire un tableau avec deux colonnes avec votre tiret dans la première colonne et votre texte dans la seconde...
C'est un peu plus compliqué mais plus précis et parfois plus intéressant quand on a beaucoup de lignes à caler ainsi... A vous de voir donc...

Le résultat aurait été celui-ci (tout d'abord avec une bordure pour que vous puissez bien voir ce que j'ai fais) :

"- Brevet Professionnel d'Accompagnateur de Tourisme Equestre
de la Fédération"

Ce qui donne sans bordure de tableau :

"- Brevet Professionnel d'Accompagnateur de Tourisme Equestre
de la Fédération"

Voici le code source de cette solution (notez l'ajout d'un alignement "top" pour la première cellule afin de garder toujours le tiret en face de la première ligne de la deuxième colonne) :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" valign="top">"-</td>
<td><font color="#0000FF">Br</font>evet Professionnel d'Accompagnateur
de Tourisme Equestre<br>
<font color="#FF0000">de</font> la Fédération"</td>
</tr>
</table>

Les autres caractères spéciaux feront l'objet d'un cours bien évidemment...