setting up a small image stacked on...

User 2327643 Photo


Registered User
4 posts

Is there a way to setup an image stack on top of another in RLM pro?
I am trying to put a png button (with a rollover) on top of a jpg. I know that ultimately I will put the images into the page using an html editor but how do I set this up at the "wireframe" stage.
To see what I mean goto this page and rollover the video thumbs at the top.

http://www.aetv.com/duck-dynasty

Thanks for any help.
User 434929 Photo


Ambassador
938 posts

Yeas definitely can do it with RLM.

Have a look at attached project file, is that what you are trying to achieve ?
Attachments:
Guys at coffeecup are awesometacular.
User 2327643 Photo


Registered User
4 posts

Here is a better example
http://www.fxx.com/totallybiased/castcrew#cast/kamau-bell

Even though the small images don't have rollovers they are stacked on top of the larger image. It seem like when ever I add
an element it always ends up being next to, below or above the other elements. Is there a way to stack elements???
User 2484360 Photo


Registered User
3,293 posts

You can use Push and pull for this. :)http://www.coffeecup.com/help/articles/ … ?locale=en
User 122279 Photo


Senior Advisor
14,447 posts

Adam, I wonder if Mark is talking of a different kind of 'stack on top of each other'. The article you are referring to describes how to push and pull images and other page elements so that they show above and below each other in a vertical row. I understand 'on top of' as one upon/covering the other, which also seems to be what Mark wants to achieve.
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 2484360 Photo


Registered User
3,293 posts

Inger wrote:
Adam, I wonder if Mark is talking of a different kind of 'stack on top of each other'. The article you are referring to describes how to push and pull images and other page elements so that they show above and below each other in a vertical row. I understand 'on top of' as one upon/covering the other, which also seems to be what Mark wants to achieve.


Yes, which if both images are in separate columns Push and Pull could be used along with Margin to achieve what he is looking for.

If the images are in the same column, you would use negative margin to complete the task.

However, it would be easier to complete after export of the project.
User 122279 Photo


Senior Advisor
14,447 posts

Mansour, I see that your green image has been pushed up by the negative margin. But if the viewport is narrowed and the blue image shrinking, the green image disappears upwards out of sight.
I don't know if this is something that should be adressed in RLM, adding an element 'background image' or having positioning options like relative, absolute etc, or if it is rather more suitable for the upcoming RSD. Maybe the latter.
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 122279 Photo


Senior Advisor
14,447 posts

Adam, I tried what you said and it works! :) But the article doesn't say anything about that, you need to add an extra paragraph!
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 434929 Photo


Ambassador
938 posts

I believe you can add container and manipulate with margins.

have a look at this project again
Attachments:
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Inger wrote:
Mansour, I see that your green image has been pushed up by the negative margin. But if the viewport is narrowed and the blue image shrinking, the green image disappears upwards out of sight.
I don't know if this is something that should be adressed in RLM, adding an element 'background image' or having positioning options like relative, absolute etc, or if it is rather more suitable for the upcoming RSD. Maybe the latter.


Yeah I guess we should address this and maybe different solution or other trick to achieve this
Guys at coffeecup are awesometacular.

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.