how to fix positions

Is it possible to fix the content of a page like items/elements/graphics/etc. to the background image of the master if the background image is bigger than the page size so that if you zoom out all positions are fixed. If this is possible how do I do it ?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

seems like not easy or possible


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Artvideo,

I don’t really understand the question. You can make items fixed in position (so they stay in the same position relative to the window and don’t scroll with the page) by drawing a layer item on the page and changing the Absolute drop-down in the Inspector palette to Fixed in Window.

Joe

On 9 Oct 2014, at 07:55, Artivideo email@hidden wrote:

seems like not easy or possible


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok go to my website www.artivideo.nl and zoom completely out using “cmd -” and you will see what happens. Maybe this shows my problem better


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If i do “fixed in window” for every item it gets even worse !!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I see now. No, there’s no way to control what the browser does with the background image when scaling down like that. I can see that the content on the page is very wide – I have to scroll sideways to get to the content. Is that the reason you’re expecting people to zoom out? The better solution to that would be to provide a narrower page, say around 920px so that the page fits within the majority of screens. To go a step further you could then change the layout for smaller screen sizes using Freeway 7.

Hope this helps,

Joe

On 9 Oct 2014, at 10:22, Artivideo email@hidden wrote:

If i do “fixed in window” for every item it gets even worse !!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just apply the background image to the body, and add the (extended) style property background-size:cover.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The better solution to that would be to provide a narrower page

We had a discussion before about the width of your page being too large at 1920px.

I thought that you had taken it onboard.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I want that the site is also good viewable on an iMac 27 " (25601440). On my 24’ i Mac (19201200) the website is centered as well as on a iMac 27 inch (but of coarse smaller due to the higher resolution). I checked other website from multinationals which spend tenthousends of euros on the websitedevelopment andeven those site are only full screen centered on 1 resolution setting of my monitor. So most website are nor responsive at all !! I only have freeway pro 5.5

On 9 Oct 2014, 2:13 pm, Joe Billings wrote:

I see now. No, there’s no way to control what the browser does with the background image when scaling down like that. I can see that the content on the page is very wide – I have to scroll sideways to get to the content. Is that the reason you’re expecting people to zoom out? The better solution to that would be to provide a narrower page, say around 920px so that the page fits within the majority of screens. To go a step further you could then change the layout for smaller screen sizes using Freeway 7.

Hope this helps,

Joe

On 9 Oct 2014, at 10:22, Artivideo


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Don’t know how to implement your tips and maybe not possible in freeway pro 5.5 (I see you have the 7 version). If possible in 5.5 can you write me a small tutorial ? That would be very nice.

On 9 Oct 2014, 5:41 pm, Richard van Heukelum wrote:

Just apply the background image to the body, and add the (extended) style property background-size:cover.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes I changed the background from 25601440 to 19801080 since it sizes anyway automatically. The grey gradient field is still 2560 width (850 height) since it does not scale automatically like the background picture.

On 9 Oct 2014, 8:58 pm, DeltaDave wrote:

The better solution to that would be to provide a narrower page

We had a discussion before about the width of your page being too large at 1920px.

I thought that you had taken it onboard.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The width of the content part is 1120 px so I think that would fit more than 95% of monitors.

On 9 Oct 2014, 2:13 pm, Joe Billings wrote:

I see now. No, there’s no way to control what the browser does with the background image when scaling down like that. I can see that the content on the page is very wide – I have to scroll sideways to get to the content. Is that the reason you’re expecting people to zoom out? The better solution to that would be to provide a narrower page, say around 920px so that the page fits within the majority of screens. To go a step further you could then change the layout for smaller screen sizes using Freeway 7.

Hope this helps,

Joe

On 9 Oct 2014, at 10:22, Artivideo


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

A pity you can not apply an attachment to posts else I would send youall a screengrap how my site looks on my monitor and how i wish it should look on any monitor independent of size nor resolution of the monitor. Again having looked at many websites (from companies who spend a lot of money on building it) I did not find one which fulfilled this requirement so maybe it i not possible at all.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

oeps some typo mistakes : 25601440 19201080

On 9 Oct 2014, 10:36 pm, Artivideo wrote:

Yes I changed the background from 25601440 to 19801080 since it sizes anyway automatically. The grey gradient field is still 2560 width (850 height) since it does not scale automatically like the background picture.

On 9 Oct 2014, 8:58 pm, DeltaDave wrote:

The better solution to that would be to provide a narrower page

We had a discussion before about the width of your page being too large at 1920px.

I thought that you had taken it onboard.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Upload it to your server … or any server, Dropbox etc. and provide a link to it.

Todd

A pity you can not apply an attachment to posts


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It is this Div - id=“backgroundedge” that is causing your page to be so wide. It is positioned left:-320 and Right:-320

Instead use a narrower tiled background image and not one with Dimensions of 2576 × 866

Like on this page - http://deltadesign.co/FW7Test/arti.html - the tiled background image is 99 x 850

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 9 Oct 2014, 10:48 pm, Todd wrote:

Upload it to your server … or any server, Dropbox etc. and provide a link to it.

Todd
http://xiiro.com

A pity you can not apply an attachment to posts


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

A pity you can not apply an attachment to posts

Use Markdown image code:

![alt text](http://example.com/image.jpg)

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

As far as your layout goes, this layout can be done with CSS very simply, and Freeway will do most of the work for you.

But in your head, you have fixated on physical dimensions – and the Web does not work that way.

Your display is freakishly large, and you are viewing the page full-screen. You cannot assume the same will be true at all for anyone else. I have a 17" PowerBook with the high-ppi screen, it is “wider” than my 20" Cinema display (I use two of those side-by-side on my Mac Pro). In both cases, I rarely have my browser window wider than 1200px, even though I will often stretch the window out really wide to see how badly something breaks.

When designing a page, you need to decide on a largest width you will support, and then provide a graceful degradation from that point in both directions (smaller and larger). You need to create a flexible layout that uses the very smallest-dimension resources you can make, because that will make your page load faster. If you look at the FreewayTalk site, you will see an example of that – a page that centers on the widest screen you can place it on, and has a graphical header and footer that can grow to fit without any ridiculous-sized resources. The header is two images:

horizontal tile

logo

The footer is a solid color in CSS. By controlling the repeat of these two images, they overlap and you never see the seam.

Your page could be broken down in a similar manner, and would require far fewer resources and would adjust to suit any screen without further effort on your part. Because your background is not nearly as tile-friendly as mine, you would need to make larger slices, but you still would be able to repeat the image if you look at it carefully enough. But you still could manage the effect by carefully planning the pieces.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walt,

First of all the reason I and most people buy Freeway is that you don’t have to know anything about programming code. It is an object orientated program to design a website. As far as I know Cascading Style Sheets (CSS) are only available in Freeway for text items. If I am wrong point me to CSS for graphic items like backgrounds and other presentation items which are visible on every page at the same position.

I decide on making the size 1920*1080 px and only made the grey gradient middle part 2560 width since for some reason it does not scale to higher widths when I design it to 1920 like the background blueish picture.

Yes the way this Freewaytalk website works (always everything is centered and the items stay in relative positions to eachother when zoomed in or out) is what I want. If the Freewaytalk site would have a background picture in staed of a white plane would it still work when zooming in and out ??

Summarizing you may have right that not all things are CSS in my website but just because I can not find it in Freeway pro 5.5 for other items than text (I am maybe just to stupid).

I have no clue in how to implement your footer explanation, since i can not find a “tile” nor “repeat” option in FWpro

On 10 Oct 2014, 2:49 pm, waltd wrote:

As far as your layout goes, this layout can be done with CSS very simply, and Freeway will do most of the work for you.

But in your head, you have fixated on physical dimensions – and the Web does not work that way.

Your display is freakishly large, and you are viewing the page full-screen. You cannot assume the same will be true at all for anyone else. I have a 17" PowerBook with the high-ppi screen, it is “wider” than my 20" Cinema display (I use two of those side-by-side on my Mac Pro). In both cases, I rarely have my browser window wider than 1200px, even though I will often stretch the window out really wide to see how badly something breaks.

When designing a page, you need to decide on a largest width you will support, and then provide a graceful degradation from that point in both directions (smaller and larger). You need to create a flexible layout that uses the very smallest-dimension resources you can make, because that will make your page load faster. If you look at the FreewayTalk site, you will see an example of that – a page that centers on the widest screen you can place it on, and has a graphical header and footer that can grow to fit without any ridiculous-sized resources. The header is two images:

horizontal tile

logo

The footer is a solid color in CSS. By controlling the repeat of these two images, they overlap and you never see the seam.

Your page could be broken down in a similar manner, and would require far fewer resources and would adjust to suit any screen without further effort on your part. Because your background is not nearly as tile-friendly as mine, you would need to make larger slices, but you still would be able to repeat the image if you look at it carefully enough. But you still could manage the effect by carefully planning the pieces.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options