Horizontal Scroll on Images

matongo · Member · Sep 5, 2009 at 10:26 am
Copy link

Add topic to favorites
I am currently using the mystifying theme and would like to insert long horizontal images in order to have them as a horizontal scroll that fits into the content page. Can anybody help me with the CSS that I need to edit in order to make these changes? Right now the image width is fixed and thus the images are cropped if they exceed the value. I am currently not very happy with the way the images are presented. I’ve begun working with CSS and although I plan to learn it in time, I would like to edit my page soon.

Cheers Robert

The blog I need help with is: (visible only to logged in users)
matongo · Member · Sep 5, 2009 at 11:27 am
Copy link
Please..? :)
panaghiotisadam · Member · Sep 5, 2009 at 11:43 am
Copy link
Image in a horizontal scroll box:
```
<div style="white-space:pre;overflow:auto;">
IMAGE_CODE_HERE
</div>
```
And please paste the exact URL of your blog when asking questions here, or link your nickname to your blog (as explained in the Sticky 8 Things to Know Before Posting). We usually need that to give a relevant answer.
matongo · Member · Sep 5, 2009 at 12:23 pm
Copy link
Thanks a lot! That was easy enough. (http://matongo.wordpress.com/)
panaghiotisadam · Member · Sep 5, 2009 at 1:06 pm
Copy link
You’re welcome. Yes it’s easy – no CSS upgrade needed!
devblog · Member · Sep 5, 2009 at 3:12 pm
Copy link
just a note, “white-space” is for text, not images.
panaghiotisadam · Member · Sep 5, 2009 at 6:28 pm
Copy link
Ah – thank you! So it’s even simpler:
`<div style=”overflow:auto;”>
IMAGE_CODE_HERE
</div>`

No items found.