Marquee tag has delayed start?

rizzledon · 11-20-2012, 06:54 AM

Hi, I''m trying to create a downward scrolling marquee that starts straight away (without using javascript) and for some reason I'm getting a delay before it begins. I've tried adding a scrolldelay but it's not really working.
Anyone know why?

CSS

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style type="text/css">
body {
    height: 600px;
    width: 1024px;}
#wrapper {
    height: 600px;
    width: 1024px;}
.marquee {
    min-height: 600px; 
    position: absolute;
    font-family: Garamond;
    font-size: 8pt;
    color: #FF00CC;}
</style>

HTML

Code:

<body>
<div id="wrapper">
<marquee class="marquee" direction="down" scrollamount="10">scroll down</marquee>
</div>
</body>
</html>

Excavator · 11-20-2012, 06:11 PM

Hello rizzledon,
That snippet of code you've posted is invalid. By closing your head to early you have placed your CSS in between the head and body of the document and who knows how that's going to work?

See the links about validation in my signature line below.

Some help with marquee - http://www.hongkiat.com/blog/css-marquee/

felgall · 11-20-2012, 06:41 PM

Also there's no such thing as a marquee tag in HTML because HTML defines the content and JavaScript defines the behaviour and marquee is a behaviour. Some browsers do have a proprietary tag called marquee but a single line of CSS in the user CSS file or inserted into the browser's own default CSS soon negates that.

To implement any marquee properly you should use JavaScript. When you implement a marquee this way you can then control exactly how you want it to work.