scrolling pic

[miriam_e]

Yay! I did it. The RandomWalks cartoons should no longer screw up peoples' friends pages because I've worked out how to make them scroll inside the page. The trick is to surround the image tag with div tags like this:
<div style="overflow: scroll"><img src="some_image" width="pixels" height="pixels"></div>
This puts scrollbars below and to the right of the picture so that if it doesn't fit in the page, instead of widening the table the picture accommodates the page.

Cool huh?

Took me a lot of detective work to figure this out. Couldn't find it documented anywhere.

Comments

[greylock.livejournal.com]

Of course, it hasn't made a jot of difference.
I can see the frame but it's still extending my Flist - and it doesn't seem to scroll although I can see the Sxcroll bar.

Not that I mind much, but What's you're objection to reducing the size of the image 5-10%?

[miriam-e.livejournal.com]

Odd... Are you sure there aren't any other pictures or code sections that are widening your LJ flist out beyond the window?
I tried this out on small windows and it works fine on mine.

I'm using Mozilla Seamonkey, which should function identically to Mozilla Firefox.

I draw the cartoon in 3000x1000 then reduce it to 1000x333 losing detail in the process. I'm somewhat reluctant to reduce it still further, though if push comes to shove I'll go down about 10% further without losing too much. (Yes, I'm being a little precious about my crummy artwork, but that's what we artists do :)

[miriam-e.livejournal.com]

Test it by viewing my LJ on its own. I haven't got anything else there widening the page. If it works fine then someone else on you flist is upsetting the applecart.

I like the scrolly thing (if it works) because it is a general solution. Reducing the pics is a special stop-gap solution. Sooner or later someone on an 800x600 pixel screen will ask me to reduce it further. :)

That said, I am happy to reduce it a bit if need be. I'm grateful that you are helping me road-test this thing.

[greylock.livejournal.com]

This morning it is working fine on my laptop.
It may be my home browser. I wonder why.

It wasn't a major issue as I said.

[miriam-e.livejournal.com]

Hmmm... that's interesting.
Do you know what your home browser is? Version number may be important too (usually "Help" menu, "About" item).

[greylock.livejournal.com]

Heh. I know my way around a computer. :P

At home on both *nix and WinXP I have Firefox 3.0.14 on both machines (up upgraded the *nix machine tonight so it isn't a version issue).

And since it displays fine on my XP laptop but on neither of my home machines I'm going to take a punt that it's probably screen-res but in theory they'll all be set the same.

It's a mystery, but seems to me just me that's having the issue (and I used an FF plug-in to shrink the image so it's all good).

RandomWalks

[jenna2.livejournal.com]

Hey,
some feed back for you. I printed out your two cartoons and have been tryng them out on some of the kids that come thru this gate as time permits. so far the oldest one was about 8 and some of the words were to hard for her. she didn't understand what they ment. She did however really like the pictures. if you don't mind I would like to show them to a few school teachers that come thru here.

J.

Re: RandomWalks

[miriam-e.livejournal.com]

Yay! Thanks Ginny! I'm rapt!

Hmmm... I'll look at trying to define my words when I use uncommon ones. My biggest restriction is space though. Not a lot of room for getting complex concepts across. It does give me something to think about though.

I'd be eternally grateful for you showing it to teachers (and more kids of course too). Please feel free to show them to anyone.