HTML tutorial - coder un profile layout - espacement (5)
CODER UN PROFILE LAYOUT
CODES DE BASE 5
Gérer les espacements (1)
Comme d'habitude relisez les tutoriaux précédents mais peut-être pas tous maintenant.... TUT2 - TUT3 -
Aujourd'hui, deux codes de bases indispensables à chaque tableau que vous créez.
Pour les premiers que nous ayons faits ensemble, les dimensions étaient gérées automatiquement par le contenu des cellules. Il faudra garder ceci en mémoire car très utilisé dans les profile layouts. Ainsi, très souvent le height n'est pas indiqué afin de permettre un agrandissement de la cellule en fonction des besoins.... mais ce n'est pas toujours le cas.
Bref aujourd'hui, découverte de l'espacement entre deux cellules ou entre le contenu d'une cellule et son bord.
Ces deux codes se placent dans et nul part ailleurs
cellspacing="un nombre" détermine l'espace entre le contenu de la cellule et de son bord
cellpadding="un nombre" détermine la distance à l'intérieur du tableau entre les cellules et entre les cellules et le bord du tableau (qu'il soit apparant ou pas)
Avec ces deux codes, il me semble que l'attribut border n'apportera plus que des changements sur la bordure extérieure du tableau, les bordures des cellules restant à 1 px par défaut quand le nombre attribué à border est différent de 0.... enfin il me semble mais je n'en suis pas certaine.
Mais à partir d'aujourd'hui, dès que vous taper la balise vous devez y intégrer les attributs border, cellpadding et cellspacing obligatoirement !
Bon, à vous de jouer ! Vous allez reprendre votre code du tut précédent... pas la peine de tout retaper ; vive les copier/coller !
Et commencer tout de suite !
Pas la peine d'attendre !
AVANT
Complétons le code
cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" bordercolor="#000000">GSRH
APRES
Le seul espace qu'il y a entre les cellules est la bordure de 1px autour de chaque......
En sachant tout ceci, jouez uniquement sur un ou plusieurs attributs du pour faire ces différents tableaux......
1-
2-
3-
4-
5-
A la moindre difficulté, n'hésitez pas à demander un indice ! J'ai quelques aides en stock !