Médiaforma

Une image d’arrière-plan dans les cellules d’un tableau

Print Friendly

Cliquez ici pour accéder au pack eBook+vidéos HTML5, CSS3, JavaScript

Que diriez-vous d’utiliser une image en arrière-plan des cellules d’un tableau ?

Il n’y a rien de compliqué là-dedans : utilisez simplement l’attribut background à la place de l’attribut bgcolor et indiquez le nom de l’image GIF, JPG ou PNG à utiliser. Ici par exemple, nous utilisons l’image miniature.jpg, qui se trouve dans le même dossier que le code HTML.

Afin de mettre en évidence la répétition de l’arrière-plan, la première cellule a été redimensionnée à 300×200 pixels. La cellule suivante aura la même hauteur. Sur la deuxième ligne du tableau, la hauteur de la première cellule a été fixée à 200 pixels. Cette hauteur sera également celle de la deuxième cellule.

L’image utilisée en arrière-plan est de petites dimensions : 100 x 75 pixels. Comme vous le voyez, elle se duplique autant de fois que nécessaire pour couvrir toute la surface du tableau.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply