Today is . Page created 02/02/04, updated 05/04/07

Alternating Marquee Tag

Your Message Here! And When It Reaches The End It Will Reverse!

W e have tested the code in IE 7.0, IE 6.0, IE 5.5, Firefox 2.0.0.3, Opera 7.23, Opera 9.20, Netscape 4.08 and Netscape 7.02 and Netscape 8.1.3. This script worked well in all platforms tested with one (1) variation observed in Netscape 4.08 and 7.02.

• Netscape4.08 You will not see any marquee effect. It will be stationary on the page.
• Netscape7.02 The alternating effect can be seen but..... it does not adhere to the confines of the defined table. It goes all the way out of site on both sides.
• Does not hamper the operations of this script in any way.
• Degrades well and you will not receive any error messages

This effect is best viewed if it is encased in a defined <table>. Reason being is that you have more control over the travel distance from side to side. See the below example of howto set this in a table.

<!---------- Start Table Code ---------->

<p><table bgcolor="#000000" border="0" width="100%" height="30"
cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000" align="center" colspan="0">
<font face="arial,georgia,helvetica"size="2"color="#fff0f5">

<!---------- Start <Marquee> Code ---------->

<marquee border="0" behavior="alternate" scrollamount="12"> Your Message Here! </marquee>

<!---------- End </Marquee> Code ---------->

</td></tr></font>
</table></p>

<!---------- End Table Code ---------->

L ets define all the parts of the above <table> and <marquee> code.

• <p><table bgcolor="#000000"    This is the color of the border around the table if the border has been defined with the number more than 0.
  
  
• border="0"    This defines in pixels the width of the border around the table. "0" means no border while a "1" or higher will make a border visible.
  
  
• width="100%"    This defines the width of the table in a percentage as opposed to being defined in pixels. For this effect we suggest the percentage for one simple reason.
  
  
• Reason:    The percentage will make it the percentage in the screen (monitor) that is viewing it as opposed to a different width in different monitors.
  ~    In other words, it will appear the same in both a 14 inch and 21 inch monitors.
  NOTE:    If you select to use pixels instead of a percentage, be sure to remove the % character!
  
  
• height="30"    This denotes how high in pixels the table will be surrounding the marquess effect.
  
  
• <td bgcolor="#000000"    This denotes the color of the inside of the table itself. Not the border.
  
  
• align="center"    This denotes the positioning of what you place inside the table. Not the position of the table itself. This you must use either a <div align="?"> tag or a
  <p align="?"> tag before the table and be sure to close the </p> at the end of the table.
  
  
• Notice we placed a complete font tag inside the defined table.
  
  <font face="arial, georgia,helvetica" size="2"color="# fff0f5">
  
  
• Reason:    This will define the font style, color, size etc. inside the table only. Notice we also closed the </font> tag at the end of the table.
  
  
• scrollamount="12"    This defines how fast or slow the marquee will alternate from side to side. The lower the number, the slower the movement.

I f you need any more assistance with a <table>, grab the below link and it will be further explained.
[  More About Tables ]

I f you have any problems with this page or with anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Rate This Page ]  

Search Our Site By Individual letter [ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ]  [ M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ]

Little Tips Directory [ Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ Form Index ] [ 2001 ] [ 2002 ] [ 2003 ] [ 2004 ] [ 2005 ] [ 2006 ] [ 2007 ] [ Disclaimer ] [ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ] [ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ] [ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-