Viewing objects in full-page width version 1.8.0 build 1381 new
objects in full-page width version 1.8.0 build 1381 new
|
User: Giovanni D. 8 years ago
|
|
| I updated to version 1.8.0 build 1381 and I noticed that if I create a rectangle object of 1000px and position it in the middle of the page width of 1000 pixels, premiering this object actually is positioned perfectly in the middle of the browser. However, if this object I click on the "fix position on scroll" suddenly everything is positioned to the left of the browser and is no longer accurate. This happens with all the objects you want to secure with the scroll, making everything not positioned in the right place. The subject should not move and should remain at the core of the browser. Any suggestions on this? | |
|
User: Jumbo T. 8 years ago
|
|
|
To position objects on the page, this (sample) code is used : <div style="position:relative;"> <div class="shape_3" style="left:16px;top:391px;width:646px;height:580px;z-index: 3;position: absolute;"></div> </div> To make the object fixed, this is done : <div class="shape_3" style="left:16px;top:391px;width:646px;height:580px;z-index: 3;position: fixed;"></div> The div with position:relative is removed and position:absolute is change to position:fixed with the unwanted result. To have an object fixed at the same location, this code should have been used : <div style="position:absolute;left:16px;top:391px;"> <div class="shape_3" style="width:646px;height:580px;z-index: 3;position: fixed;"></div> </div> Also, the style for div.container should include position:relative to make everything work. The style should have been there in the first place. Then all this code <div style="position:relative;"> would not be needed. |
|
|
User: Giovanni D. 8 years ago
|
|
|
I did not understand, where do I put this code? The software already includes the fixed position for all objects. These objects, perhaps by mistake the program, move suddenly to the left of the browser and not in the desired position in the design phase. The object remains in the desired position and precise does not stay fixed.
Last edit 8 years ago |
|
|
User: Jumbo T. 8 years ago
|
|
|
I described a flaw in the published code. If you want to, you can make the changes manually in the published page. Otherwise, you'll have to wait for an EW update. |
|
|
User: Paul-RAGESW 8 years ago
|
|
|
We just posted a Final Candidate version of EverWeb 1.8. it may do what you want as it fixes a lot with Fixed with objects.
------------------------------- Paul EverWeb Developer |
|
|
User: Giovanni D. 8 years ago
|
|
|
Dear Paul, thank you for your kind response. I downloaded the latest version EW 1.8 as I wrote earlier this tread and it is this last version that does not position well the object you want to fix the center of the browser but moves it to the far left to 0 px. In EW the object moves when you click on the "fixed position on scroll". In the preview of Safari simple rectangle object or any other object is placed to the far left. I think it's one thing to be resolved and it is a program error. I enclose example. |
|
 Schermata 2015-05-05 alle 15.44.26.png Schermata 2015-05-05 alle 15.44.05.png Schermata 2015-05-05 alle 15.47.06.png |
|
|
User: Giovanni D. 8 years ago
|
|
| allego altro esempio | |
 Schermata 2015-05-05 alle 15.44.05.png |
|
|
User: Paul-RAGESW 8 years ago
|
|
|
Fixed position objects are not supposed to move from the actual X/Y position you have specified. They work particularly well for full width objects. In the latest final candidate version of EverWeb that I posted for you everything works the same in EverWeb as it does in the browser and it works as it was designed to. If you are sure you are using the latest final candidate (you can verify from the EverWeb menu->About EverWeb) please make a screen recording so you I can see. You can record your screen using Quicktime which is in your Applications folder. Open Quicktime and select 'New Screen Recording' from the File menu. Once you are done, your recording will be on your desktop. Please upload the .mov file to http://youtube.com, http://ge.tt or http://www.dropbox.com and send me the link ------------------------------- Paul EverWeb Developer |
|
|
User: Giovanni D. 8 years ago
|
|
|
Hello Paul, I hope you will be useful. attaching the link dropbox where you can watch the video. https://www.dropbox.com/s/i6g0u75ealsbnf9/Everweb.mov?dl=0 |
|
|
User: Giovanni D. 8 years ago
|
|
| Copy the link and paste it into the address bar of the browser, then open in Quicktime for higher quality video. | |
|
User: Paul-RAGESW 8 years ago
|
|
|
It's working as it is intended to work. You can drag the shape back to the location you want it in BUT a fixed shaped object will never be centered. It stays exactly where you place it even as you resize the browser. It does not move as it is fixed in the position it is placed in.
------------------------------- Paul EverWeb Developer |
|
|
User: Patrick H. 8 years ago
|
|
|
I thougt, that it's called "fixed on scroll", that means to me, that it's just fixed in the position where I want it to be, when I scroll. Ofcourse, the object should move back in the centered layout to that position I choosed, when I change the width of my browser. If I wanted to have a fix object, that cannot do anything, for example behaving like the other objects in my layout, there should be another function that could be called "fix object". If you look at my website, the logo and the button are aligned on the left side. But where is the logic, when these are left and my whole page is centered? That doesn't look correctly. How am I supposed to use this function with my Menu, Logo or Buttons in the header, without having this weird layout? Maybe I don't understand it, but it doesn't make sense to me... Thanks for your Support |
|
 FireShot Capture - Bald erreichbar - FoodMission - http___foodmission.de_.jpg |
|
|
User: Jumbo T. 8 years ago
|
|
|
Here are two solutions for your fixed objects. Paste each piece of code in a HTML Snippet. The Logo : <div style="position: fixed;"> <img src="{!-ASSETSPATH-!}External%20Files/Logo.psd" style="max-width: 70px;"> </div> The Mediathek (I added the google font link for display purposes. You can leave it out) : <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600"> <div style="position: fixed;background-color: #C40246; border-radius: 10px;padding: 10px;"> <style> .yt { font-family: 'SourceSansPro-Bold','Source Sans Pro'; font-size: 16px; font-weight: 700; margin: 0; color: #FFFEFE; word-wrap: break-word; text-decoration: none; } </style> <a class='yt' href="http://youtube.com/foodmissionde">MEDIATHEEK</a> </div> |
|
|
User: Jumbo T. 8 years ago
|
|
|
I think you already know the answer : http://foodmission.de/kontakt.html |
|
|
User: Paul-RAGESW 8 years ago
|
|
|
Perhaps the feature should be renamed to avoid confusion. For the ability for the object to always be centred as you need, we're working on a feature for that but it does get more complicated. ------------------------------- Paul EverWeb Developer |
|
| Post Reply |
| You must login or signup to post. |