Annabella's HTML Help

Marquees



The HTML Writers Guild



INTRODUCTION
BASICS
COLORS
COLOR PALETTE
EMAIL
FONTS
FONT SURVEY
GRAPHICS
LINKS
LISTS
MARQUEES
MUSIC
TABLES
USEFUL LINKS
COMMON PROBLEMS
MORE HELP?


LINK TO THIS SITE


HOME
WEB RINGS
SITE MAP


Welcome to my HTML Help guide!

Marquees! Marquees!

MARQUEES!


Internet Explorer Internet Explorer Internet Explorer

Well... this page is dedicated to all the Internet Explorer users out there!!! ... because the <marquee> tag is not recognised by Netscape!

It is a 'nifty' feature to add to your page, but you must remember to check just how your page will look on a Netscape browser.

NetscapeIf you are viewing this page with Netscape ... you will NOT see the marquees moving at all ... you will only see stationary text!





Updated!Updated!Updated!Updated!Updated!

Well... things have changed! I wrote this page some years ago, using IE4 and Netscape 4.

Now, Netscape 7 now DOES recognise the marquee tag!!

The only trouble is, you have no way of knowing which version of Netscape your page visitors may use, so it is still, unfortunately, not a reliable tag to use on your pages.



* Basic Marquee
* Color
* Behavior
* Direction
* HTML Tags
* Scrolldelay
* Scrollamount
* Loop
* Blink



BASIC MARQUEE

<marquee>Then your text</marquee>
This is the basic tag for a marquee. You must always close with </marquee>.

This is the basic tag for a marquee, and it will scroll across the page from right to left continuously.



COLOR

<marquee bgcolor="#xxxxxx">Then your text</marquee>
This sets a background color for your marquee. The #xxxxxx is the hexadecimal number for your color. For some hex color codes, go to my Netscape Color Chart.

The bgcolor here is #FF99CC



WIDTH

<marquee width=n>Then your text</marquee>
This sets the width of the marquee. n is expressed in pixels or % of page width.


For this marquee, the width="50%"



BEHAVIOR

NOTE: Beware of the spelling! If you use behaviour instead of behavior, then it will not work.

<marquee behavior="alternate">Then your text</marquee>

The text will bounce backward and forwards continuously.

<marquee behavior="slide">Then your text</marquee>

Note: With IE3.0 versions, the marquee will scroll across once and stop at the left side. With IE4.0, the marquee will not stop, but will jump across and scroll again, instead of scrolling off the page as the basic marquee does.

What happens here depends on which version of IE views the marquee.



DIRECTION

<marquee>Then your text</marquee>

If you do not specify the direction, it will default to scrolling from right to left.

<marquee direction="right">Then your text</marquee>

The text will scroll from left to right.

<marquee direction="up">Then your text</marquee>

The text will scroll up.

<marquee direction="down">Then your text</marquee>

The text will scroll down.




HTML TAGS

HTML tags do not work between the marquee tags with IE3.0 versions, but they do with IE4.0.
Therefore, if you wish to change the font size color or face of your marquee, you must specify the font outside of the marquee tag. If you try to use it between the tags ... the font changes might not work, depending on which version of IE is being used to view your page!

<marquee>
<font face="Comic Sans MS" size=5color="#CC33FF">
The font MIGHT NOT change. </font>
</marquee>

The font MIGHT NOT change.

<font face="Comic Sans MS" size=5color="#CC33FF">
<marquee>The font changes WILL work!!! </marquee>
</font>
The font changes WILL work!!!

If you want to have several lines scrolling across your page, instead of one long line, then you will need to put each line in its own marquee tags. The <p> and <br> tags might not work between the marquee tags. Be aware that the lines will scroll across the page at slightly different speeds unless they are the exact same length.

<marquee>Here is the first line.........<br>
And here is the next.<br>
This third line is the last one! The line breaks MIGHT NOT work.</marquee>

Here is the first line.........
And here is the next.
This third line is the last one! The line breaks MIGHT NOT work.


<marquee>Here is the first line.........</marquee>
<marquee>And here is the next.</marquee>
<marquee>This third line is the last one! The line breaks WILL work.</marquee>

Here is the first line........ And here is the next. This third line is the last one! The line breaks WILL work.



SCROLLDELAY

<marquee scrolldelay=n>Then your text</marquee>
This is supposed to set the number of milliseconds between each scroll of the marquee, where n is the number required.

Scrolldelay="200"
Scrolldelay="100"
Scrolldelay="5"



SCROLLAMOUNT

<marquee scrollamount=n>Then your text</marquee>
The scrollamount is supposed to set the space, in pixels, between successive scrolls of the marquee, where n is the number of pixels required. It also seems to affect the speed of the marquee as well. The higher the scrollamount number, the faster!!

Scrollamount="1"
Scrollamount="5"
Scrollamount="10"
Scrollamount="50"
Scrollamount="100"



LOOP

<marquee loop=n>Then your text</marquee>
This sets the number of times that the marquee will loop, or scroll. If you do not specify, it will loop continuously.


The loop=1 in this marquee.

The loop=3 in this marquee.

No loop specified in this marquee. It will loop continuously.



COMBINING BLINK AND MARQUEE

Blink works in Netscape but not Internet Explorer.
Marquee works in Internet Explorer but not Netscape.

So ... combine the two tags so that your text will do something in either browser!

<center><blink><marquee>Using marquee and blink tags together! </marquee></blink></center>


Using marquee and blink tags together!

Print this page! Want to print this page?

Click on the EZ Print! logo to take you to a plain, simple page that is quick and easy to print!