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 
)
How?
Thanks
1 2007-03-04 12:08 (edited by GarGouille 2007-03-04 12:17)
- Connorhd
- Former PunBB Developer
- Offline
Re: Image Div
Nothing to do with punbb, moved to programming
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 2007-04-02 11:08 (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... 
Re: Image Div
Found it!!
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