How to to move content?

**lupo.sau** · 09-18-2006, 11:08 AM

1) Script Title: Scrollable content II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

3) Describe problem: I can change what i want this content is always on the top-left but i want it in the middle (maybe a bit more right ) of the homepage......i'm getting crazy...please help

**jscheuer1** · 09-18-2006, 06:33 PM

Treat the entire code of Step 1 from the demo page as though it were:

HTML Code:

<p>Hi there</p>

If you look at it that way, you can put it anywhere you like.

**lupo.sau** · 09-19-2006, 01:41 PM

it's not working!!!
i put the whole script in <p> .....(script)...... </p> and moved it ...nothing changed
later i tryed to change some "width"-nummbers nothing changed
is there any solution

**jscheuer1** · 09-20-2006, 03:25 AM

Where in your page did you put the script?

**lupo.sau** · 09-20-2006, 11:40 AM

in <body> afterwards i made the <p> - like you said and than the script (and for sure </p> </body>)
but maybe i just have to change any entry (number) at the script but i didn't found out which...

**jscheuer1** · 09-20-2006, 04:39 PM

If that is all you have on your page, that is all you will see. Anyways, that is not exactly what I meant. I meant to treat the entire script as if it were a paragraph. Try this code:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<div>Hello World!</div><br>&nbsp;
<script type="text/javascript">

/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=5

if (iens6){
document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">')
}
</script>

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>

<!--INSERT CONTENT HERE-->
<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the
combination of HTML, JavaScript, and CSS</font></p>
<p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p>
<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows
content on a page to change on the fly, without reloading the page</font></p>
<p><font size="2" face="Arial">- CSS allows for the separation between content
definition and formatting</font></p>
<p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p>
<p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic
Drive</a> provides free, cut and paste DHTML scripts</font></p>
<!--END CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a>  <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
</body>
</html>

**lupo.sau** · 09-21-2006, 12:42 PM

no its just a bit more down and i need it also more right on the page.....

**jscheuer1** · 09-21-2006, 01:57 PM

Things on a page generally don't go anywhere by themselves. It is the other things around them that cause them to appear where they do. You can also place an element around the script and give that element a left margin or virtually any other style you like:

HTML Code:

<div style="margin-left:5em;">
entire script goes here
</div>

Thread: How to to move content?

Thread Tools

Search Thread

How to to move content?

Bookmarks

Bookmarks

Posting Permissions