The images are identical. Their frames/borders are 10 pixels each. Both borders look inverted. So which one has the tabled border and which one does not?
Give up? OK, here's the secret. The left image has a border added to the image tag. The right image has the border added to the table tag--plus the invertborder attribute. Below are the codes--but I had to stick both images in a container table so they'd appear side by side:
Advantage of putting a border attribute in the image tag:
It saves bytes, because you don't have to use the table tags.
Disadvantages of putting a border attribute in the image tag:
1) The border always looks inverted;
2) You can't add a color to the border.
So as long as you don't mind a grayish inverted border around the images on your page, put the border attribute into the image tag and save bytes. Otherwise, put borders around the images, using the table tags.
Of course, you could also go to Image Magick and put a border around the images. But then the border becomes an integral part of the image and can't be changed easily.
For complete and fast control over borders around images, use tables!
|
