Wallpapers Forums Login

How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Posted On Tue Nov 28, 2006 By edwino85 In HTMLForums And Topics Discussions Help for Hyper Text MarkUp Language Forums

Please Tell Your Friends About Wallpaperama

NOTE: IF YOU HAVE FIREFOX YOU WILL SEE THE TEXT SCROLL. BUT IF YOU HAVE INTERNET EXPLORER IT MAY NOT WORK. YOU CAN DOWNLOAD FIREFOX BROWSER WHICH IS MUCH BETTER THAN INTERNET EXPLORER AND MUCH FASTER. YOU CAN DOWNLOAD FOR FREE AT WWW.GETFIREFOX.COM

hi,

Today you will learn a little trick to make scrolling or rolling text that goes vertically or horizontally in your web pages. this tag makes it look like a ticketing system like the new york stocks.

- hosting for this script provided by: www.webune.com

so here is this short little tutorial guide i wrote:

1. if you don't have an web editor, you can use your favorite text editor, for this purpose, i will use windows xp, notepad since everyone uses notepad here.

2. Copy and paste this code into notepad:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Wallpaperama - Making Text Scroll with marquee html tag</title>
</head>

<body>
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>

 
this is what make this work:
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>
you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it. 
behavior: alternate scroll slide 
direction: up, down, left, right
loop: whatever number of repetitions you want, if you want infinate (never stops), put -1
truspeed: i put this to make it with whatever the user's default 
If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com 
you can put this code in your site:

<textarea name="textarea" cols="35" rows="5" wrap="VIRTUAL"><a href="http://www.wallpaperama.com" target="_blank" title="Free Wallpapers">Free Wallpapers At Wallpaperama</a></textarea>

Thanks
Wallpaperama Team 
<a href="http://www.wallpaperama.com/forums/how-to-make-scrolling-text-moving-up-or-down-in-web-page-using-html-css-t512.html"><< Go Back </a>
</body>
</html>

save the file as wallpaperama.html

after you have saved the file as wallpaperama.html open it with your browser, and you will see exactly what you see above. but it will be on your own computer..

pretty neat huh?

this is what make this work:

<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>

you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it.

behavior: alternate scroll slide

direction: up, down, left, right

loop: whatever number of repetitions you want, if you want infinate (never stops), put -1

truspeed: i put this to make it with whatever the user's default

If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com

Gaylord Wed Mar 13, 2013

will this work on windows 8?

Sharmer Mon Mar 11, 2013

This paper doesn't describes marquee in css ! What a shame...

Cuda Tue May 22, 2012

I recently used the code for scroll up on my group.Its works fine,just wondering how to make the content of my group scroll up also like the forum content.The group i have is private,having trouble coloring the text as well.

Kreantz Sun May 13, 2012

Is there a way to make the text waving while moving? cuz i saw someone have it but not in a web its an .exe aplication..

Chris Thu May 10, 2012

Works great in IE, the best browser.

Blay Sat Apr 28, 2012

Awesome..
thank fine

JaceAce Thu Apr 05, 2012

Great coding... Although I'm lookimng for a code that allows the initial home page to load and then a time "auto" text to scroll from the bottom of the page upwards to be left loaded on the page itself....

Sim to the scrolling text at the start of StarWars movie or credits at end of a movie, but unlike those two examples they remain visible in the page itself..

KEEN TO KNOW IF SUCH A CODE EXISTS?

rewtesdg Wed Apr 04, 2012

thx man............

Dheemanth Mon Mar 05, 2012

it is good but it comes only for small gap if it comes to the whole page means it wud hav been ausom.

sanjib Wed Dec 28, 2011

very useful.and helpful for all web designer.

saqulan Thu Sep 29, 2011

marketing company is the one of the best company in if you are looking for sms marketing then please visit this site you will get your desired results.

PANKAJ Thu Sep 29, 2011

very nice tag
i like it

sarath Tue Sep 27, 2011

it really works

pat Sun Sep 04, 2011

i cant find out why my emails wont scroll up or down

bharat Wed Aug 10, 2011

excellent

Information

Forums »
HTMLForums And Topics Discussions Help for Hyper Text MarkUp Language »
How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Title: How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Description: How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Tags: how ,to ,make ,scrolling ,text ,moving ,up ,or ,down ,in ,web ,page ,using ,html ,css

Info: This Post Has Been Viewed 0 Times Since
Date: Tue Nov 28, 2006
Author edwino85 Received 51 Replies #668

How To Make A Web Page Reload Or Refresh Automatically Time Redirects

How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Related Content

Information

Share