ive seen it done on a few sites...but cant find out how to do it...

where there is a thing like this:

text text text text text
text text text text text
text text text text text
text text text text text
text text text text text
text text text text text
text text text text text
\/ /\

and when your mouse hovers the arrow, it schrools the doc...

please help :)

thanks

skipperkirk

ok, well i found out how to do it (http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm ),but now i am stuck...

i want to have it like this, with the arrows on top and something inbetween them:

\/ text (or small picture) \/

the content
the content
the content
the content
the content

find the <table> where it has two images in it and delete the whole <table> to </table> part. Then put the following code at the top of the whole coding right before the first <script type="text/javascript"> thing

So remove:

<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>

and put this at the top right before <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
etc etc


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


Love,
Mirna

how do i get the stuff ( \/ text blah blah here /\ )

on top of the box?

anybody know how?

did you do what mirna said?

oh oh oh, i just now got what she said! sorry about that! :blush: :blush: :blush:

is there a way/how would i to put a background color/img (non scrolling) in the content part?

this part (it's the first <ilayer>, not the second one!):

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">

edit it to this:

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160" style="background-image: url(URLHERE.GIF); background-repeat: no-repeat; background-attachment: fixed;">

and edit URLHERE.GIF to the url of the image :) It's just html, and i just found the content, and a layer is surrounding it (like a div) so that must be the area you are talking about :)

love,
Mirna

ok, well it didnt work for me when i put it in the ilayer, but it did when i put it in the div...so that makes me start wondering...

could someone with firefox, ie... etc please check Here (http://www.freewebs.com/thecadlefamily/site_updates_box.htm) to see if the background in the box with text shows up? thanks so much!


Skipperkirk

Edit: and also, how can i make it so that when you click on the picture inbetween the two arrows the page refreshs...thanks!

I'm using FireFox and I don't see a picture in the text box.

hmmmm....have any ideas on how i could fix it?

not really... i don't really know what an ilayer is or how it works. sorry =(

yeah me eaither...maybe i should look it up eh...anyone else know how to fix it?

(dont for get the other question please ;) )


thanks!

ok, i think i fixed it...can someone look now :) thanks!

i see the image :) and it scrolls etc etc. However the text is hard to read, but that's just an little thing :P

Love,
Mirna

in FireFox, I see the image now, but there is a big white space at the bottom of the box I see that you have the image set to repeat on the x axis so I don't know if that was intentional or not...

I was trying to figure out how to do the other thing where you click on the update pic and it updates and while I couldn't figure that out, here is something for you to think about... for the arrow buttons you have:

<a href="DONT CLICK ON THIS!" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://www.freewebs.com/thecadlefamilypictures/bluearrowgriddown.bmp" border="0" align="top"></a>

instead of taking the risk that people might click on the pic and be directed to an error page, why not do this instead?

<img src="http://www.freewebs.com/thecadlefamilypictures/bluearrowgriddown.bmp" border="0" align="top" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)">

I mean, I don't know if it will work or not, but it's worth a shot?

MaGiCSuN: yeah, im still working on a good text color...

Monkey Bizzle: thats just a tempory site that im using, but i see what your saying :)


thanks all!