resize image to fit window

hi,

i have been trying many different techniques to replicate the effect on this website with no success :frowning:

im looking to have an image span across the top of the site just like the mountain is within this website. i’m not sure how to create this effect. i don’t want the full background resize like what freeway offers i’d just like to have the image only if possible.

thank you regards.

Please help :frowning:

https://dl.dropboxusercontent.com/u/795566/freewaystyle/demos/Monarch/index.html


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

Hi Theodore,
I should be able to answer this one. :wink:

The easy answer is to press the green button in the top right hand corner of that page but, assuming you don’t want to do that, you can add the image to the background of an HTML box as you would normally and simply add a bit of extra CSS that forces the image to scale with the box. Click on the box and select Item > Extended >

and click on the Add button. Enter;
name: background-size
value: cover
Click OK to get back to your design. Now when you preview the page the image should scale to fit the parent HTML box.
Regards,
Tim.

On 1 Aug 2014, at 17:46, theodore reid wrote:

im looking to have an image span across the top of the site just like the mountain is within this website. i’m not sure how to create this effect. i don’t want the full background resize like what freeway offers i’d just like to have the image only if possible.

thank you regards.

Please help :frowning:

https://dl.dropboxusercontent.com/u/795566/freewaystyle/demos/Monarch/index.html


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

hey Tim,

thanks for the help. im not sure if im doing it correctly because im not getting the results. maybe its because i have a slideshow effect im not sure.

heres a link to my site im working on currently.

http://life-foundation.ca

maybe this might help more.

thank you so much for helping me out. :slight_smile:


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

Hi Theodore,
There are two things at play here that aren’t helping your cause;

  1. You are using Showcase which, to date, only produces fixed width image galleries, and
  2. The technique I used on the Monarch template (background:cover) only works on background images (as the name suggests). The images in your Showcase gallery are all regular image (img) elements rather than background images.
    Regards,
    Tim.

On 1 Aug 2014, at 18:23, theodore reid wrote:

thanks for the help. im not sure if im doing it correctly because im not getting the results. maybe its because i have a slideshow effect im not sure.


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

hey,

oh i see. okay i will attempt to do the same thing with only an image in the background. then it should work. fingers crossed.

im wondering if you also know how to target centain areas of the site. like hyperlinking to a certain area on the page.

for example: http://www.ignitecapital.ca

regards,

thank you so much for your help.


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

how to target certain areas of the site. like hyperlinking to a certain area on the page.

These are called Links to Anchors

You can attach them to images etc. by selecting the image and Edit>Anchor

In the subsequent dialogue box give it a meaningful name.

Now when you create a hyperlink (Edit>Hyperlink) when you choose Internal and pick a page to link to that has Anchors on it you can select your Anchor from the dropdown Anchor list.

David


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

oh wow, thank you delta dave soo much this is very cool.


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

Anchors have been available in FW (and html) from the very earliest days.

D


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

And as an addition to this

You can create a link to any item on your page with an ID (without creating an Anchor first). To find an item’s ID look in the Inspector with your item selected and read the value in the Name/ID box.

Now if your item had the ID of item27 then to create a link to this item you would select the text or image that you wanted to become the Link and use Cmd+K (Edit>Hyperlink).

This brings up the Link dialogue box and if you choose External and type in #item27 and OK it then you have created a Link to item27 on that page.

However if you want to Link to an item on another page then you will have to use the page name followed by #item27 ie anotherpage.html#item27 but this will only work for pages on the same ‘level’ ie in the same folder.

If you want to link to a page at another level you would be as well to use the full URL such as Easy Website Builder | Web Hosting Included | Ownwebsite.com

D


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