 |
 Utilisation d'une image transparente
|
|
|
|
Connexion ratee
|
|
Vous avez remarqué comme les tableaux peuvent s'afficher différemment avec
Internet Explorer ou Netscape ? Cela est du à une différence d'interprétation du code HTML. On dit
d'ailleurs que pour cela Netscape est #@%*¤...
Pour y remédier, rien de tel que l'utilisation d'une image transparente...
De même, pour faire un retrait sur la première ligne d'un paragraphe, plutôt que d'utiliser une
feuille de style si le besoin est ponctuel, une petite image transparente fera très bien l'affaire. |
|
|
|
|
|
Plutôt que de donner une taille à toutes vos cellules de tableau ou à chaque cellule de la
première ligne, donnez uniquement la taille globale de votre tableau et créez une ligne, soit en haut soit
en bas, voir même au milieu de votre tableau, contenant dans chaque cellule, une image transparente de 1 pixel de
haut et de la largeur souhaitée pour chacune des colonnes.
Prenez garde à donner des cellspacing et cellpadding
égaux à zéro. Si tel n'est pas le cas, par exemple si vous mettez un
cellpadding à '2', réduisez la largeur de votre image de 2 pixels pour le
padding de gauche et encore de 2 pour le padding de droite.
De même, si vous mettez un cellspacing différent de 0, vous devrez retirer de la
totalitéde la largeur de votre tableau, autant de fois la valeur de votre cellspacing
qu'il y a effectivement d'espaces entre vos colonnes (3 colonnes, 2 espaces, 18 colonnes, 17 espaces...).
Pour un retrait de paragraphe, il suffit de placer l'appel de votre image avant votre texte, réglez sa largeur,
vous avez votre retrait !!
Attention cependant à un point : votre image, comme toute image a ses propres dimensions. Ici c'est un
carré de un pixel sur un pixel. Lorsque vous donnez une largeur différente, la hauteur est automatiquement
mise par défaut, proportionnellement, d'où la nécessité de déclarer tant la largeur
que la hauteur, sous peine d'avoir par exemple une image transparente de 100 pixel de large sur... 100 pixels de haut !! |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| première colonne |
seconde colonne |
troisième... |
dernière colonne |
| < |
--65 px-- |
> |
< |
-------------185 pixels-------------- |
> |
< |
-80 pixels- |
> |
< |
70 pixels |
> |
|
|
 |
|
 |
|
|
|
|
|
|
|
