[SOLVED] Marquee in CSS

mcdanielnc89 · #1 Oct 17th, 2007, 04:43

Is there a way i can do a marquee in css?

Marc · #2 Oct 17th, 2007, 07:02

No, you cannot create a marquee using completely CSS, you need JavaScript... There is however a marquee tag in html although it is depreciated and therefore will give you invalid code.

Oh, by the way, what way do you want it to scroll? Verticle or Horazontal?

AdRock · #3 Oct 17th, 2007, 13:41

If you want a scroller, make sure you use one which is cross browser compatiable (did i spell that right?).

www.dynamicdrive.com has some scrollers

mcdanielnc89 · #4 Oct 18th, 2007, 01:04

hm,mm Css needs to get in teh ball then haha.. or microsoft.. haha..

and it would b e horizontal.

c010depunkk · #5 Oct 18th, 2007, 05:32

Quote:

Originally Posted by mcdanielnc89

hm,mm Css needs to get in teh ball then haha.. or microsoft..

NOT! HTML is a markup language --> static. This is what javascript is for....

Marc · #6 Oct 18th, 2007, 09:16

Quote:

Originally Posted by mcdanielnc89

hm,mm Css needs to get in teh ball then haha.. or microsoft.. haha..

and it would b e horizontal.

What

Monie · #7 Oct 30th, 2007, 07:57

I found this:

Code: Select all

<marquee bgcolor="#cccccc" border="0"  align="middle" scrollamount="3" scrolldelay="60" behavior="scroll"  width="200" height="12" style="font-family: Verdana, Arial, Helvetica,  sans-serif; color: #CC0000; font-size: 10">Wow...Isn't 
this one much  better?</marquee>

and this:

Code: Select all

<marquee bgcolor="#cccccc" border="0" align="middle" scrollamount="3"  scrolldelay="60" behavior="scroll" width="200"  height="12" style="font-family: Verdana, Arial, Helvetica, sans-serif; color:  #CC0000; font-size: 10">Wow...Isn't 
this one much better than the one  above?</marquee>

some of them will only work in IE..

MikeHopley · #8 Oct 30th, 2007, 08:04

Quote:

Originally Posted by mcdanielnc89

hm,mm Css needs to get in teh ball then haha.. or microsoft.. haha..

and it would b e horizontal.

He's speaking in tongues.

AdRock · #9 Oct 30th, 2007, 08:49

Quote:

Originally Posted by monie

I found this:

Code: Select all

<marquee bgcolor="#cccccc" border="0"  align="middle" scrollamount="3" scrolldelay="60" behavior="scroll"  width="200" height="12" style="font-family: Verdana, Arial, Helvetica,  sans-serif; color: #CC0000; font-size: 10">Wow...Isn't 
this one much  better?</marquee>

and this:

Code: Select all

<marquee bgcolor="#cccccc" border="0" align="middle" scrollamount="3"  scrolldelay="60" behavior="scroll" width="200"  height="12" style="font-family: Verdana, Arial, Helvetica, sans-serif; color:  #CC0000; font-size: 10">Wow...Isn't 
this one much better than the one  above?</marquee>

some of them will only work in IE..

Isn't that depricated code?

Personally, I think scrolling marquees like that are pretty outdated. I would prefer a vertical scroller which could display snippets of new articles or something

alexgeek · #10 Oct 30th, 2007, 11:07

This works in FF, I just tried it.

HTML: Select all

<marquee style="background-color: #000; color: #FFF;">scroller</marquee>

I think you'd be better using JS for this though.

AdRock · #11 Oct 30th, 2007, 12:24

Quote:

Originally Posted by alexgeek

This works in FF, I just tried it.

HTML: Select all

<marquee style="background-color: #000; color: #FFF;">scroller</marquee>

I think you'd be better using JS for this though.

But does it validate?

Marc · #12 Oct 30th, 2007, 16:38

Nope - it shouldn't.

Monie · #13 Oct 31st, 2007, 02:31

Ahh... I shouldn't post them! It's an old antique style..
and mcdanielnc89, you should listen to these guys..

mcdanielnc89 · #14 Oct 31st, 2007, 04:43

i plan on it, hehe

Monie · #15 Oct 31st, 2007, 04:48

Quote:

Originally Posted by AdRock

But does it validate?

Check if it validate..?

karinne · #16 Oct 31st, 2007, 12:13

Code with the <marquee> tags won't validate as it's not a defined element from the W3C

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">

<head>
    <title>Some title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
</head>

<body>

<marquee bgcolor="#cccccc" border="0" align="middle" scrollamount="3"  scrolldelay="60" behavior="scroll" width="200"  height="12" style="font-family: Verdana, Arial, Helvetica, sans-serif; color:  #CC0000; font-size: 10">Wow...Isn't this one much better than the one  above?</marquee>

</body>
</html>

15 simple lines of code that outputs 11 validation errors

AdRock · #17 Oct 31st, 2007, 12:36

Quote:

Originally Posted by karinne

Code with the <marquee> tags won't validate as it's not a defined element from the W3C

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
 
<head>
    <title>Some title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
</head>
 
<body>
 
<marquee bgcolor="#cccccc" border="0" align="middle" scrollamount="3"  scrolldelay="60" behavior="scroll" width="200"  height="12" style="font-family: Verdana, Arial, Helvetica, sans-serif; color:  #CC0000; font-size: 10">Wow...Isn't this one much better than the one  above?</marquee>
 
</body>
</html>

15 simple lines of code that outputs 11 validation errors

My point exactly

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Marquee in CSS