Scroller bar, in a section of a table

**Vicious** · 03-01-2003, 08:40 AM

hello, all im totaly new to all of this, im working on a web site and its a table but i would like to but a scroller bar in one section. here is a picture :
I would like to put a scroller bar in the box that has a red outline around it. is it possiable this is the code for the web site.

<html>
<head>
<title>Jocosity .:Home:.</title>
<body bgcolor="#000000" text="#FFFFFF">

<BR>
<CENTER>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=754 border=2>
<TBODY>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=22>
<DIV align=left><FONT face="Arial, Helvetica, sans-serif" size=2><font color="#000000"><b>Jocosity</b>,
<i>adj.</i> - characterized by joking : Humorous</font></FONT></DIV>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=152><img src="file:///C|/My%20Documents/My%20Pictures/JC_top.gif" width="750" height="150"></TD>
</TR>
<TR bgColor=#2159B6>
<TD vAlign=top colSpan=2 height=25><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="749" height="32">
<param name=movie value="file:///C|/Windows/Desktop/Jocosity.swf">
<param name=quality value=high>
<embed src="file:///C|/Windows/Desktop/Jocosity.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="749" height="32">
</embed>
</object></TD>
</TR>
<TR>
<TD vAlign=top width=199 height=194><img src="file:///C|/My%20Documents/My%20Pictures/JC_left.gif" width="198" height="192"></TD>
<TD vAlign=top width=550 bgColor=#0099FF rowSpan=2>
<p> </p>
<p align="center"> <font face="Arial, Helvetica, sans-serif" color="#000000"> on TV,</font></p>
<p align="center"><font face="Arial, Helvetica, sans-serif" color="#000000">So
</font></p>
<p align="center"> </p>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#2159B6 height=185 width="199">
<P align=left><font color="#2159B6"><i> <font color="#000000"> <font size="2">
Sat March 1, 2003 10:27 AM
</font></font></i></font>
<P align=left><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Well
your the proud person to be one of the first to read this news, anyway
the site was uploaded today at this very time, as we get things going
the site will soon word out</font>
<P align=left><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><i>Vicious
aka Aaron Evans</i></font>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=18>
<DIV align=left><FONT face="Arial, Helvetica, sans-serif" size=2><B><font color="#000000">©
OF Aaron Evans 2003</font></B></FONT></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER></BODY></HTML>

thanks.

oh btw "this fourm how much do you pay for it"

**HTML** · 03-01-2003, 09:52 AM

Het Vicious, welcome to the forums.

an easy way to solve your problem would be thru the use of the textarea tag.

In regards to the forum here is the info from thier site

vBulletin Order Options

Leased License - $85

A leased license grants you the right to run vBulletin on one web server and one web site for each license purchased for 1 year from date of order. Each license may power one instance of vBulletin on one domain. During the year, you will have unlimited access to the member area, where you can download updated versions of the software. At the end of the year, you must purchase another license in order to continue to run vBulletin.

Owned License - $160

An owned license grants you the right to run on one web server and one web site for each license purchased for an unlimited time. Each license may power one instance of vBulletin on one domain. Included in this package is one year's access to the member area, where you can download updated versions of the software. If you require access to the member area after the year has elapsed, you can renew your access for $30 per year.

Dave

**Vicious** · 03-01-2003, 10:45 AM

thanks, but it look tottaly out of place can you change it so it fits in with the colour scheme?

anyone know for a good FREE "bulltin board

**HTML** · 03-01-2003, 10:48 AM

Check out our 2 css generators these will help you to change the appearance.

Dave

**Vicious** · 03-01-2003, 10:59 AM

errr i feal stupid but err where can i find them?

**HTML** · 03-01-2003, 11:11 AM

online webmaster tools

**QuietDean** · 03-01-2003, 11:28 AM

Two best free bulletin boards imo -

www.phpbb.com

www.invisionboard.com

**Saj** · 03-02-2003, 12:47 PM

I'm not sure if this would suit your needs, but what about iframes?

You could also link other pages in the frame.

But depending on what you use it for, you could also have a news scroller, a javascript code would do that.

**sonofmidi** · 03-02-2003, 01:29 PM

On you main page, add this Iframe and adjust parameters to fit your table:

<iframe id="datamain" src="news.html" width="160" height="300" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no><noframes>Your Browser doesn't<br>support Iframes.</noframes></iframe>

Make a new html page and name it news.html or whatever. Add your news in this div container and adjust parameters to work with Iframe:

<div id="datacontainer" style="position:absolute;left:0;top:10;width:168;padding:2px;" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">
info here<br>
info here<br>
info here<br>
info here<br>
</div>

Add this Javascript function to the bottom of your news.html page just before the closing body tag:

<script type="text/javascript" language="JavaScript1.2">

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=1

function initialize(){
marqueeheight=document.all? parent.document.all.datamain.height : parent.document.getElementById("datamain").getAttribute("height")
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top=5
thelength=dataobj.offsetHeight
scrolltest()
}

function scrolltest(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top=5
setTimeout("scrolltest()",50)
}

window.onload=initialize

</script>

go to http://trilogyaudiometrics.com to see it in action.

**HTML** · 03-02-2003, 01:50 PM

That looks great, any idea on its browser compatibility? It looks good on ie6 and ns7 scroll is a little slow on ns though, I am curious about the older browsers though. Brings me to...does anybody know where to dl ns 4.7 I have always used 4.7 as my benchmark but I no longer have it

Dave

**Saj** · 03-02-2003, 04:55 PM

Yea you can dl NS 4.7 or 4.8 here:

http://wp.netscape.com/download/archive/client_archive47x.html

**HTML** · 03-02-2003, 05:02 PM

Downloading now, thanks

Dave

**sonofmidi** · 03-02-2003, 05:29 PM

Dave, Netscape should have a link to dload archived vers. Obviously NS4.x doesn't work with this because of the Iframe but that is easily remedied by a notice and link in the noframe to the actual news page.

**Vicious** · 03-02-2003, 06:16 PM

thanks guys your all so helpfull i used a mixture of what you gave me this is what the code looks like

<html>
<head>
<title>Jocosity .:Home:.</title>
<body bgcolor="#000000" text="#FFFFFF">

<BR>
<CENTER>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=754 border=2>
<TBODY>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=22>
<DIV align=left><FONT face="Arial, Helvetica, sans-serif" size=2><font color="#000000"><b>Jocosity</b>,
<i>adj.</i> - characterized by joking : Humorous</font></FONT></DIV>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=152><img src="file:///C|/My%20Documents/My%20Pictures/JC_top.gif" width="750" height="150"></TD>
</TR>
<TR bgColor=#2159B6>
<TD vAlign=top colSpan=2 height=25><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="749" height="32">
<param name=movie value="file:///C|/Windows/Desktop/Jocosity.swf">
<param name=quality value=high>
<embed src="file:///C|/Windows/Desktop/Jocosity.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="749" height="32">
</embed>
</object></TD>
</TR>
<TR>
<TD vAlign=top width=199 height=190><img src="images/jc_left_news.gif" width="198" height="192"></TD>
<TD vAlign=top width=550 bgColor=#0099FF rowSpan=2>
<p> </p>
<p align="center"> <font face="Arial, Helvetica, sans-serif" color="#000000">Welcome
to Jocosity, if your wondering what this is all about it's about a few
teens, having a normal day, but being filmed. If your not a teenager
you probley wont understand how funny a day in the life of a teenager
can be like some times, things said or done are funny than most shows
on TV,</font></p>
<p align="center"><font face="Arial, Helvetica, sans-serif" color="#000000">So
buckle up as six teenager equipped with Hormones, Alcohol, Drink, and
of course a video camera. Show you into there everyday life.</font></p>
<p align="center"> </p>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#2159B6 height=186 width="199">
<P align=left>
<font color="#2159B6"><i><font color="#000000"><font size="2">
<script type="text/javascript" language="JavaScript1.2">

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=1

function initialize(){
marqueeheight=document.all? parent.document.all.datamain.height : parent.document.getElementById("datamain").getAttribute("height")
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top=5
thelength=dataobj.offsetHeight
scrolltest()
}

function scrolltest(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top=5
setTimeout("scrolltest()",50)
}

window.onload=initialize

</script><font color="#2159B6"><i><font color="#000000"><font size="2">
<div id="datacontainer" style="position:absolute;left:125px;top:437px;width:200px;padding:2px;; overflow: auto; height: 178px" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">
<font color="#2159B6"><i><font color="#000000"><font size="2">
Sun March 2, 2003 10:13 PM
</font></font></i></font>
<p align=left> <font face="Arial, Helvetica, sans-serif" size="2" color="#000000">
Well your the proud person to be one of the first to read this news,
anyway the site was uploaded today at this very time, as we get things
going the site will soon </font><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">be
complete </font>
<p align=left><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><i>Vicious
aka Aaron Evans</i></font><br>
<STYLE type="text/css">

</STYLE>
</div></font></font></i></font>
</font></font></i></font>
<P align=left><font color="#2159B6"><i> <font color="#000000"> <font size="2">
</font></font></i></font>
</TD>
</TR>
<TR>
<TD vAlign=top bgColor=#0099FF colSpan=2 height=18>
<DIV align=left><FONT face="Arial, Helvetica, sans-serif" size=2><B><font color="#000000">©
OF Aaron Evans 2003</font></B></FONT></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER></BODY></HTML>

**Saj** · 03-03-2003, 10:02 AM

That looks good, but your quote is off centered, at least on my screen, and the flahs file you have embedded is supposedly located on your desktop. I think you should move it to the folder which you html is in, and change the path.

Also, you have way too many <font> tags in your code. try deleting unnecessary ones and combine them. For example, before the date of your quote, there is a <font color="#2159b6"> and right afterward a <font color="#000000"> . That may mess up the looks a bit for some users.

Thread: Scroller bar, in a section of a table

Thread Tools

Related

Horizontal Scroller Forum: CSS Forum

scroller seed does't get slower Forum: Javascript Forum

news scroller direction Forum: HTML Forum

scroller table in CSS- if possible Forum: HTML Forum

SCROLLER TABLE help! Forum: CSS Forum

Scroller bar, in a section of a table

Try this

Tags for this Thread