[SOLVED] Marquee in CSS

mcdanielnc89 · #1 (**permalink**) Oct 17th, 2007, 04:43

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

Marc · #2 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) 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 (**permalink**) Oct 30th, 2007, 16:38

Nope - it shouldn't.

Monie · #13 (**permalink**) 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 (**permalink**) Oct 31st, 2007, 04:43

i plan on it, hehe

Monie · #15 (**permalink**) Oct 31st, 2007, 04:48

Quote:

Originally Posted by AdRock

But does it validate?

Check if it validate..?

karinne · #16 (**permalink**) 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 (**permalink**) 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

Monie · #18 (**permalink**) Nov 1st, 2007, 00:43

Quote:

Originally Posted by mcdanielnc89

i plan on it, hehe

Blame me on it guys..

for posting that example..

Skelbo · #19 (**permalink**) Nov 1st, 2007, 04:59

I think I found a CSS example of what you are probably aiming for...AND...it validates!

Try this: http://csszengarden.com/?cssfile=htt...zen/sample.css

Monie · #20 (**permalink**) Nov 1st, 2007, 05:03

I didn't see any marque text in that page??
All I see was all that nonsense animation running all over the page!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] 1 solved problem causes another	delusion	Web Page Design	9	Dec 21st, 2007 08:12
Adding "Topic Solved" for solved topics	AdRock	Webforumz Suggestions and Feedback	21	Oct 4th, 2007 15:08
marquee rss script	saltedm8	PHP Forum	3	Jul 6th, 2007 14:53

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