HTML - Why Scrolling Looks Different On Every Browser

Hi,

I'm trying to add scrolling affect to my website using marguee tag but nothing work can somebody help me with this?

this is the script

<VAR_MAIN_TITLE>%%TEXT_LATEST_JOBS%%</VAR_MAIN_TITLE>
<VAR_MAIN_HEADER_HEIGHT>0</VAR_MAIN_HEADER_HEIGHT>
%%MAIN_HEADER%%
<table bgcolor="%%LIST_BORDER_COLOR%%" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>
<table bgcolor="%%LIST_BORDER_COLOR%%" width="100%" border="0" cellspacing="1" cellpadding="2" class="tablelist">
<tr bgcolor="%%LIST_HEADER_COLOR%%">
<th width="15%">&nbsp;%%TEXT_POST_DATE%%&nbsp;</th>
<th width="28%" align="center">&nbsp;%%TEXT_TITLE%%&nbsp;</th>
<th width="28%" align="center">&nbsp;%%TEXT_JOBCATEGORY%%&nbsp;</th>
<th width="28%" align="center">&nbsp;%%TEXT_LOCATION%%&nbsp;</th>
</tr>
<marquee WIDTH=100% BEHAVIOR=scroll SCROLLAMOUNT=3 DIRECTION=up BGColor="">

<BEGIN REPEAT>

<tr bgcolor="%%TABLE_LINE_BGCOLOR%%">
<td width="15%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_JOBDATE%%</a></td>
<td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_JOBTITLE%%</a></td>
<td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_CATEGORY%%</a></td>
<td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_LOCATION%%</a></td>
</tr>
<END REPEAT>

</MARQUEE>

<BEGIN NORESULT>
<TR>
<TD colspan="4" align="center" valign="middle" bgcolor="%%TABLE_LINE_BGCOLOR%%"><font class="default_text"><b>%%TEXT_NO_RESULT%%</b></font></TD>
</TR>
<END NORESULT>
</table>
</td></tr>
</table>
%%MAIN_FOOTER%%

Problem Fixed

Hello everyone!
I am currently working on a project that requires the following object to auto-scroll at user defined speeds:


<td width='75%' valign='top'><object width='500' height= '1000' type='text/plain' data='bird.txt' border='0'>

The embedded object is always a text file but each one will be a different size. I need some kind of auto-scroll mechanism that will allow the user to scroll down the text box at a speed that suits the size of the text file itself.
Does anyone have any suggestions about how this could be achieved?
Thanks

How would I get a scrolling news bar in my webpage? I am extremely new, so please post code.

Thanks

Hello, I have a div tag that is scrolled vertically. I found some java code he https://developer.mozilla.org/en/DOM...scrollIntoView that allows me to use a "Scroll to Top" button at the bottom of the DIV to help navigate it back to the top.

Problem is, that I want the page to remain in the same position, whereas this seems to be making my page scroll to the bottom at the same time as scrolling the div to the top.

Has anyone got any ideas on howto scroll a div to the top, without the page reloading, or scrolling?

Thanks
Jay

Hi,

I'm really, really new to HTML so any advice given to me would be amazing. I've put a website together using Indexhibit but I'm not happy about the layout of my "Projects" pages.

Please visit my website: www.andrewjenkinsphoto.com

Ideally I'd like to be able to manually scroll across the page from Left to Right, having a gap of a centimeter between each image. Is this possible using Indexhibit?

Hope I've made myself clear.

Thanks for any help.

Please can someone help me. My site is www.sweet.ie.

Basically I am trying to get rid of the scrollbars altogether. The site is navigated using the scrollto function via JQuery.

However heres the issue. When I set the body to overflow:hidden it doesn't work in IE 7 and also Firefox on the PC.

Is there a way of disabling the scrollbars using Javascript? Or does anyone know how to do it via CSS so that it will work on all browsers. Going out of my mind!!!!

Thanks so much,,

Aileen

Okay...so here's a tricky situation that I cannot find ANY examples of how it can work...IF it can even work. I'm trying to create this without the use of flash...Thanks for any help! Seriously!

So...I'll try to explain this in the best way that I can as I don't have an example to show...

There's a fixed background image. On top of that image is another image (exactly the same as the one below but a different color). There is a horizontal scrollbar below that controls the visibility of the image on top. Naturally, I thought a mask would be the best idea...but can a mask be scrolled. The image itself would not scroll at all....just the visibility of the image on top, think of it as a scroller that highlights a specific "strip" of an image and can be moved from side to side without the actual image scrolling...

Man...I really hope this makes sense!

Thanks for helping a girl out!

ima noob. To this forum and html as well so please be gentle. i brought lube...lol

I'm trying to change the color of the 'bar' between two frames. The frame on the left I have set to 'no scroll' and i want to change the color of it. I know how to change the color of scroll bars, arrows... but how do i change just the bar? I've been using JS to change the colors of the scroll bar. Is there another way? like css.

Hi everyone,

I'm having some trouble with the scrolling functionality on my page. Basically I want only one vertical scrollbar down the left hand side of the page but I have a frameset document with three columns and two rows down the middle column (with the bottom frame of these two rows being the 'content' frame). I've tried setting this document within another frameset to get the whole thing scrolling with no luck. Can anyone provide an insight on how this is usually achieved as it seems fairly commonplace but I am having a hard time making it happen.

Cheers
Matt

Hi, i'm trying to design a webpage and I was wondering if there was a way to create a row of pictures that ONLY scroll like a slideshow when the cursor is hovering over the buttons. Is it possible? How?

Thanks

Hi, I'm making a website for my clan and I was hoping that someone here could help me with a problem. The test site is: http://deltagaming.org/matt/testweb/

As you can see the bottom seems to cut out with no scroll bars to help out. I tried adding an overflow command to the css styles sheet but no dice. I also added it to the template file too and still nothing. I couldn't post the main index here because its too big but my style sheet fit + you can view it through my website using a page source.

Any help would be greatly appreciated.

Code:

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
{
overflow: scroll
}
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}
.style4 {
	font-size: small;
	color: #000000;
	font-weight: bold;
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #FFFFFF;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
{
overflow: scroll
}
#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: none;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/
{
overflow: scroll
}
#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}
p 
{
overflow: scroll
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

I would like to have vertical scrolling in a table cell. The cell may be empty or may contain up to 2000 characters. If it does contain more than will fit in the horizontal space I'd like it to wrap and be visible, pushing the next row down so the cell displays the whole set of text within the cell area. Only then should the scrollbar show up.

If the user enters data, I'd like it to do the same thing. Wrap on word boundaries and stay visible rather than scrolling a single line horizontally.

Can I do this in html? Or, at worst, with a little CSS? Or, even worse, very simple javascript?

I dont know how to explain it better but how do i do this http://www.target.com/Movies-MMB/b/r...ode=1259488011


so at the bottom of my page i can add 4 to 5 different products and allow for those left and right buttons show more...

any direction would help thanks