It is only basic but I want a quality feel and application.
I have a high res portrait image as a background which I would like to scale to fit any browser maintaining the maximum width without any horizontal scroll bar even when the browser is resized
I would like the logo (bearchair) at the bottom of the page to enter the box at the top which contain my name etc. as the operator scrolls to the bottom so all this needs to be aligned some how to stay central. with NO horizontal scrolling.
I have tried the “Full background proportional” action which is almost what I want except I cannot scroll to see the rest of the portrait picture.
I dont have too much experience in these matters especially coding etc.
I am stuck a little.
Please help.
while I only understood the half of what you want to achieve, I’m pretty sure that you won’t by simply drop and drag items. This requires a HTML-item in HTML-item construction aka Box-in-Box Model) to achieve (either entire or at a certain level).
This method, which will mean "double click into your page (or another item) so you see the flushing cursor and choose “insert → HTML item” doesn’t need any expert knowledge, however its handling might be tricky and some practice required to not to loose overview.
To avoid side-scrolling, it’s as well necessary to define “widths” of all items (let’s call this DIV) in a relative measure such as percent.
All this has NOTHING to do with Freeway - it’s simple browser requirements and usually ends up in big, big discussions. And while the outermost part of the community is convinced of a “way to complicated method” and SP has to develop something for them - I long jumped on the train “inflow-constructions” cause all the rest of the world (coding spoken) is doing it as well with success.
But if it will be your only page project you do with Freeway, I’d rather review my strategy towards something simplified - honestly.
Hi Gareth,
This is a little tricky to do normally because you want the bear in the chair logo to scroll with the page until it gets to a certain position on the page (inside the boxed panel) and then stop. Cutting edge browsers now support position: sticky which do exactly this but the feature is far from supported across popular browsers.
One answer is to use JavaScript to do the work for us and here Walter’s Sticker Action (Sticker - ActionsForge) is ideal.
You need to make sure that the user has something way down on the page to scroll to and further away than the current height of the browser window. I’ve added a dummy html box (a div) called scroll-to-me that gives the browser a reason to show the scroll bars and allows the bear to get to his final position in the boxed panel.
Regards,
Tim.
On 13 May 2014, at 19:30, Gareth wrote:
I dont have too much experience in these matters especially coding etc.
My concern with your example Gareth is the file size of your background image. At 3.4Mb it is excessively large, especially to be downloaded to a smartphone.
Look at Tim’s example - his image is a quarter of the size of yours.
On 14 May 2014, at 20:26, “DeltaDave” email@hidden wrote:
My concern with your example Gareth is the file size of your background image. At 3.4Mb it is excessively large, especially to be downloaded to a smartphone.
Look at Tim’s example - his image is a quarter of the size of yours.