Ambiera ForumDiscussions, Help and Support. |
|
|
|||||
|
Hi everyone! I guess I'm getting too old... I understand the basics of RocketCake, so I can create multiple pages and fill and link them with text, color blocks, and images. What doesn't work, however, is positioning these elements so that, for example, a colored area is directly adjacent to an image and has the same height at the top and bottom – it always looks offset. Is there a setting somewhere that makes this possible, or am I missing something, or what am I doing wrong? Help is welcome |
||||
|
You could create a container and put 2 containers into there again, both with a 50% width. For the one container, set the background color, for the second one set the image as background. |
||||
|
Hi Erik, thanks for the help. To make this clear for me: I place two containers inside a larger container and fill them with, for example, colored areas and images. The two smaller containers then border each other, but there's a gap between them and the edges of the larger container, as well as between them and any other containers I subsequently add to the page. How can I place colored areas and images both next to and below each other without any gaps? Thanks for your help Carsten |
||||
|
Depends on what is causing the gaps. Be sure that both containers have an exact width of "50%" set in the properties, for example. Also, maybe you have a padding or margin set - if you don't like that set it to "0,0,0,0" |
||||
|
Hi Erik, thanks, that helped and worked. I understand now that I always need 100% for the entire width and can, for example, place three containers with 40%, 30%, and 30% next to each other without any gaps between them - fine! If I want to insert an image instead of a color swatch, I can import it into one of the containers (alternatively, import it as an image, but that doesn't seem as practical), and it will be stored there. But what control do I have over which part of the image—if it's larger than the container in its original state—is displayed? Can I move it within the container, and will it still be cropped to the container's edges/size? I just haven't been able to find that information yet... Regards Carsten |
||||
|
If you set it as background of a container, and the mode is set to "Cover area", you can set the two following properties to to adjust which parts are visible (top <-> center <-> bottom, left <-> center <-> right). Alternatively, use an image element to show the full size of the image always, but that one also needs to adjust itself of course since you wouldn't want it to change its aspect ratio - otherwise your image will look distorted. |
||||
|
|
){kind=link}