Spacer Gif

I Know this doesn’t apply to CSS, but i’ve been reading some articles on the internet and couldn’t help but wonder what a spacer gif is. All i could come up with is it is used to make blank spaces :slight_smile:

It’s a little, 1px by 1px invisible gif image that was used in the bad old days of table layouts to stop (I think) empty table cells from collapsing. Consider them dead and buried (unless you are doing HTML email, I guess).

Well, in that case couldn’t you just use an entity (such as &nbsp)?

Back in the day you would use it to push things into alignment. It was a 1 x 1 pixel transparent gif, but you could manipulate the size attributes to your needs. If you needed it to space something out 300 pixels high you would stretch the image by setting height=“300” in the image tag. A space didn’t (doesn’t) give you that flexibility.

As Ralph said, those days are long gone. CSS has given us all (well, most) of the tools we need to create layouts without a spacer image.

Are you reading some articles that are old?

Yea i was reading some old articles. Here’s the link if you want to check it out:

Rebuilding a Site With Standards

Thanks for the help! :slight_smile:

As old as that article is, it’s still about stripping out spacers and using CSS instead.