Move image down to accommodate enlarged text

Hi chaps, I thought I’d checked this but obviously I got it wrong and not until a helpful Freeway user checked out my site and kindly mailed me with some kind comments and the observation that the text on the main page went behind the images. Well it doesn’t on my Safari and that’s because mine defaults to a smaller font size so my question is what should I do to make this work if people have their browsers set to a bigger font than me or scale the type up to make it more readable … I could make the main text scroll (I think) but I don’t like the look of that, I could move the images down but that could get silly and doesn’t really solve the problem or make them a percentage of the page height (I think) … how would you pros avoid this situation, I’m guessing this is pretty basic and have had a really good look in the reference at things like ‘distribution’ but am, I’m afraid, getting more confused. As ever, some advice would be most welcome. Regards Roger

http://www.rogerburton.co.uk/


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

The easiest/fastest thing to do is to toggle off the ‘layer’ option on the images and their captions.

This path reverts FW into generating a layout table for your info. Some will cry foul, but for a page as spartan as this, it shouldn’t make all that much difference.

The longer (and arguably more correct) route is to draw the items as in-flow items within a larger container, adding alignment margins and the like to get the final result in the proper place. Of course, I am simplifying the actual steps and layout considerations a bit.


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

Thanks Weaver, I tried the suggestion and must have done it wrong, I got rid of the layers and they still don’t “move out of the way” but also they’re not centred and they don’t move with the browser window any more, I need to dig into this some more, should I be working on Dan’s ‘Box model’ tutorials ? - so much to learn !

Thanks so much for your time.

Roger


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

Hi Roger,

I would suggest that the Box Model tutorials would be an excellent addition to your skillset. I found them invaluable, and am in the process of creating a few sites using the method. Once you get the hang of it, it isn’t too difficult.

Craig


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

To complete the thought for the original question and response:

The text block also needs to have ‘layer’ toggled off, thus putting all this content on an even level. (The nav block on the left is up to you how you want this to behave, ie fixed in window or align like the rest of the content)

You may also find that setting your page ‘alignment’ (also found through the Inspector with nothing else on the page selected) to ‘center’ will make your content align as before when the browser window is resized. This is an ‘all or nothing’ approach as all the content on your page will

The reason why the content is overlapping in one scenario and not in another will become clear once you are able to wrap your head around layers/z-index/and such; which will make you a more adept ‘Freeway engineer’ in the end.


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

Splendid Weaver and yes I’d love to become a more adept ‘engineer’ and I have been working my way through tutorials and the reference but sometimes find the theory a little difficult to put into practice … I must do better … thank you for your patience. Best Roger


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