scrolling cell, like iframes, but not?

[lilspritebubbles]

is it possible to give a cell inside of a table the ability to scroll?

i tried iFrames, but the scrollbar that comes along with iframes
takes up space and shifts my pixels out of alignment.
if i have way to add scrolling to a cell of a table... it would work better.
...maybe as two links, and when each is clicked, the cell scrolls like a page.
(two images of arrows maybe.... one up, one down...)

to explain...
right now i am making my website. i made one large image
in adobe photoshop, so that my website is one central unit.
i split the large image into smaller images, so that i could make
an HTML table. each cell of the table is a "piece of the puzzle"

i made "one puzzle piece" (one cell of the table) an area for
"site updates". it is a fixed size, because it is a section of the large image.
i was hoping to be able to use iFrames in this cell of the table,
so that the "updates" page (the source for inside of the iFrames)
could have an extensive amount of text, but remain in the allotted size.
this would be possible with scroll bars, and iFrames would give these.
i gave the "updates" page a "fixed background" with CSS coding--
so that when you scroll, the background image does not repeat.
this way, on the main page, you can scroll the "updates" box up or down,
and the text will move, but the background image remains the same.
since the background image inside the iFrame does not move,
it makes the illusion that it is still "one" with the large image on the main page.

this is where iFrames fails. i would really like to keep the illusion that
all the cells are "one" with eachother. in the "updates" box, iFrames's scrollbar
take up a certain amount of pixels. This causes my background image
on the "updates" page to be pushed out of alignment with the large picture.

i was thinking maybe there was a way to scroll without a scrollbar.
ive seen different things like image links (two arrows that can be clicked
and scroll the page... this way it doesnt "take up space" and confuse
alignment, the images will "sit on top" of the background image, like the text.)
ive also seen things like... inside of a box, there will be "hot points"
at both the top and the bottom of the box. when the mouse is placed
at either point, it allows for the page to be scrolled in that direction.

im not sure that you all can understand what ive described,
even though i have typed a lot.. heh. well....

i appreciate any kind of reply.
thanks guys!!

julia

[Sualdam]

Take a look here:

http://www.webproworld.com/viewtopic.php?t=11660

This covers what you are asking, but not how you thought it would... I think ;)

[lilspritebubbles]

hmm. well, that CSS div example does achieve the iFrame effect,
but thats what i am trying to avoid.

instead of the default scrollbar (like on your browser, or in the iFrame
window), im wondering about other options to scrolling.

for example: maybe buttons, or "hot points" at the top or bottom of the page

the only example to show you...that i can think of is kind of...
well, not only is it flash, but you have to go through a few
steps to see what im referring to.
sorry about the inconvenience.

http://www.formerfactory.com/
click the button to pop up a new window with their flash interface,
click portfolio, and 2D.
here they show a picture on the left and a text box on the right.
the text box can be scrolled with the two arrow buttons.


is there a way to change scrolling options without flash?

[paulhiles]

Have a look at this example on DynamicDrive. You could easily replace the text links (that trigger the motion) with arrow navigation image links. These images would then become your "hot points" to control the scrolling action.

A more stylish example can be found on UK design company, guava's site. Have a look at the scrollable client list on the left-hand side of the page.

Hope that helps,

Paul

[lilspritebubbles]

thank you!

what you gave me was very, very close to what i wanted.
but not exactly. so i couldnt just give up there.
i went through dynamicDrive's scripts to finally find what i needed.

i kept iFrames. the thing that was upsetting my layout was the width of the scrollbar. so i set "scrolling=no" in the properties, and added this script

http://www.dynamicdrive.com/dynamici...gescroller.htm


and made my own images, this replaces the scrollbar, and still allows the user to scroll up and down the iFrame.

exxxxactly what i wanted. thank you very, VERY much for your indirect help!![/url]

[vfaulkner]

You might also try the following code within the cell with the image as background:
<marquee behavior="scroll" direction="left" loop="3">
..
</marquee>

left moves right to left
up moves like movie credits


HTH!

[rbaby]

Hey guys! Thanks for the links--I did have a question though...

That feature is what I am looking for, but instead of an UP/DOWN button--I would like a draggable element--just as how a natural scrollbar works. Drag up to go up, drag down to go down (as opposed to pressing an up button to go up, down button to go down)--any ideas as to how I can gain that effect with the customizeable features of the DHTML Custom Scroll code? Thanks!