& How They Run - 3

by Florence W Deems

Now we come to two more attributes: hspace (horizontal) and vspace (vertical). We'll see how these work. I have no information about which browsers support these attributes.

For the hspace attribute, I have used a yellow marquee with width of 500 and height of 40 for the first marquee. For the second one, I added an hspace of 10. Both have a border of 1 pixel. I did not use any <br> tag between the two.

This is to illustrate the hspace. This is to illustrate the hspace.

The OLD result is that the two marquees were jammed one on top of the other. But now a few years later, there's a space between them!

So now let's test the hspace attribute again by making the marquees shorter so they run one on the left, the other on the right. The left marquee has no hspace attribute. Only the right one has the hspace=50 pixels..

This is to illustrate the hspace.This is to illustrate the hspace.

Well, as we can see, the hspace when used in the second marquee that follows the first one on the same line, seems to separate the two by the amount of hspace specifies.

So let's try the vspace attribute next. Each marquee is the same as the above two samples.

This is to illustrate the vspace. This is to illustrate the vspace.

Apparently the vspace is effective, as it separates the two marquees by 10 pixels!

Now how, you may ask, are these two attributes valuable, when we can use <br> tags in place of the vspace attribute, and the &nbsp; tags for the hspace one? These two attributes are valuable only if we need to be precise about the spacings, as we're using pixels instead of the built-in spacing of the other two tags.

Page 1 ~ 2 ~ 3 ~ 4
Blinking Marquee

For a reference, please see:

Back to Tutorials

Website design, text and images,


::: ::: :::

Tuesday 23rd of January 2018 06:44:59 AM

See Flo's Other Tutes

by Tone By Tone Dot Net

Tandem Tables
~ Arbor Hosting ~