Ambiera ForumDiscussions, Help and Support. |
|
|
|||||
|
My Landing Page is a full screen jpg (3000 x 10000 px). It works fine with the menu and all looks good. Just I need to set a little pic onto it for a link that should keep same position in the pic when I scroll or change the screen seize. I have tried with just 'Image' , then 'Floating Image' and numeric or relative position to keep it in the same place in the big pic, but to no avail.It always wanders somewhere when I scroll or diminish the screen. Does anyone know a solution? |
||||
|
I think what you might be looking for is an image map. It's not supported in RocketCake since it is seldomly used, but here is a good description: https://www.w3schools.com/html/h... |
||||
|
Thank you Nic. Map is a nice feature, but unfortunately doesn't solve the problem to keep the link on its relative position where it was placed when I resize the landing page. It works only with a static screen, as you have to define its position by absolute px numbers from the left and top margins. But those are changing when you alter the view. I haven't found a code use its relative position instead. Till nowI haven't mastered Rockets responsive abilities to my satisfaction. So my vision is to combine the easiness of CANVA with the best features of RocketCake. Please see http://laptab.de/welcome how quick this one pic/page design opens and scrolls its content. All others will be done with Rocket. It's just that naughty link on bottom with the 20€ note that doesn't move in relation to the image. Might be you or another forum member has another idea? |
||||
|
Might be you or another forum member has another idea? I had a similar case when I wanted to have a phone link being visible no matter of screen size and scroll position. See here: https://weingutschickjugenheim.d... To achieve this I ... -> placed a container at the end of the page -> placed a button into the container -> put the phone link behind the button -> inserted the phone icon into the button Finally, I inserted additional CSS style to the container (with a blank before and after the code string) position: fixed; z-index: 100; top: 65vh; Then I used the width of the container and the horizontal alignment of the button within the container to give the phone button the horizontal position I wanted, and used the "top: 65vh;" code string to give the phone button the vertical position I wanted. The "top: 65vh;" code string causes the browser to display the container's content at a height of 65% of the viewport height. |
||||
|
Thanks, sounds promising, will try tomorrow ... |
||||
|
Well, solved the problem by cutting the pic and putting both in a container (all normal place) so they stay in relation to each other when altering the screen. Then added a hyperlink, save all and that was it. Now I have a lightning fast landing page (1.5 MB) made by best of 2 Worlds, designing the cake with CANVA and baking it with Rocket. However when I then replaced a pic in rc_images to change a little graphic detail I could not save RocketCake anymore, even when I replaced the old (working) file into rc_images again. It always says 'RocketCake - could not write file'. Although I can successfully save the website to my disk. How comes this? Has anyone experienced the same? |
||||
|
|
){kind=link}