scoll down within a container - Page...

User 2924830 Photo


Registered User
160 posts

Is it possible to make a container have at one side a scroll down - so one can have more than one picture in that window... you see the first one but can scoll down and up they come ...
User 2699991 Photo


Registered User
4,821 posts

Mich ael wrote:
Is it possible to make a container have at one side a scroll down - so one can have more than one picture in that window... you see the first one but can scoll down and up they come ...


The container holding the images must be in a parent container that is set to position = "relative"

The container holding the image should set to position = "Absolute" top /bottom / left / right margins as you want Overflow = "Auto

set the height of the image container to however many pixels you think it needs (perhaps a few more that the first image so that the second image maybe just peeping into view (a bit like "Kilroy was here") might look better set the width to the width of your widest image + a couple of pixels for your viewers

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2924830 Photo


Registered User
160 posts

thanks a lot Wayan - oh yes - Killroy is a good Idea - will try it tomorrow - now I have to eat some icecream...
User 2699991 Photo


Registered User
4,821 posts

Mich ael wrote:
thanks a lot Wayan - oh yes - Killroy is a good Idea - will try it tomorrow - now I have to eat some icecream...


you can customise the scroll bar with a little bit of CSS (maybe a different width / colour to make it stand out from the crowd
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,821 posts

You could also do the "Read More" Read Less" Thingy buttons

but they say "Show More" Show Less" and the container has images instead of text
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 122279 Photo


Senior Advisor
14,462 posts
Online Now

I think the scroll option is better in this case, easier.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924830 Photo


Registered User
160 posts

Sorry - II cannot get it to work properly. Probably my all arounds are the reason.
I have attached my trial component - It is a grid with 2 cells - the left one for text and the right for a Video scroll...

I do as Wayan said - I set the "wrap-video" container to position relative
and the container "video-subtitle" (with the Video and a Paragraph) to absolute - overflow auto

Now I duplicate the "Video subtitle" container to have something to scroll.
... Will I have to give the second Vdeo container another class name ?
I tried but after 2 hrs I through my towel



User 2924830 Photo


Registered User
160 posts

sorry - the attachment - hope you can see the video to know how I feel
Attachments:
User 2699991 Photo


Registered User
4,821 posts

Mich ael wrote:
sorry - the attachment - hope you can see the video to know how I feel


But there is nothing to scroll for

Update
I can't watch videos from vimeo here censored by the Indonesian Government,, but when I open it in firefox I get a scroll bar (al be it difficult to see

I used a VPN but it tells me that the vimeo vonnection isn't secure so it won't play
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2924830 Photo


Registered User
160 posts

The sample i sent is not yet done for scroll - it is the starting point. Just double the Video container ("video-subtitle" - and there will be 2 seperate scoll bars - Perhaps ther is a misunderstanding - I don't want on picture to scroll upwards - I would like to have a window with 2 different pictures and only one is to be seen and the second can become visible, when the users tarts to move the scroll bar.
Indonesia censors Vimeo ??? - Whow what a world.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.