1 (edited by GarGouille 2007-03-04 12:17)

Topic: Image Div

Hi guys!

Can anyone tell me how to add a horizontal scroll bar on large images. I do not want a scroll bar at the bottom of the post, but one under each image...

Is it possible? (I am sure it is wink)
How?

Thanks

Re: Image Div

Nothing to do with punbb, moved to programming

3

Re: Image Div

I understood he was talking about scrolling images in viewtopic so I've moved it to modifications.

Re: Image Div

Probably add this in the bbcode parser? instead of just the img link
<div class="scrollable_small_image"><img src="blah" /></div>

Probably add this in the base.css

/* Make a 150x150 pixel image (or smaller) display normally
* Make a 151x150 pixel image (or larger) display with scrollbars.
*/
div.scrollable_small_image
{
  overflow:           auto;/*or "scroll" auto only shows scrollbar when content to small, scroll aways shows*/
  display:             inline;
  max-width:       150px;
  max-height:      150px;
}

You might want to remove the display: inline; or fart around to find a way to add a margin to the div. Any div that's displayed as inline has a tendancy to ignore margin and padding sizes.

echo "deadram"; echo; fortune;

5 (edited by GarGouille 2007-04-02 11:14)

Re: Image Div

Sorry, does not work.

Then to go around the problem, how can I make a page ignore the general format and have a special one?

Or make some images (when too large) align on the left (nor respecting the post setting)?

It really look messy at the moment, and would really apreciate if I could prevent scrolling down the page to use the lateral scroll and then go up to the pitc again in order to see the right side of it... hmm

Re: Image Div

Found it!! wink

Replace:
DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

by

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature {OVERFLOW: 100%}

It is not the prettiest as the image will just jump over the edge on the right, but as a start, I am quite happy with it wink