Box model killing me

Freeway
1

I have a blank page. I’ve made a HTML item the width I want and then I’ve inserted 4 HTML items. The first has width 100% and the others I’ve made align left. That’s all I’ve done. So why in FW does it look like this???

Why the gap between the first and second inserted items and why the steps between them?

It looks fine when I preview the page, but I can’t work in FW like this.

If I create a new document it all displays in FW fine. It also seems to display OK if I delete all my text styles or don’t start with any text styles.

What’s going on?

http://www.advocatedesign.co.uk/arhhh.html

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

2

I’ve gone back to an old thread http://www.freewaytalk.net/thread/view/91022#m_91219

and discovered that my page somehow or other had a text/paragraph style applied to it in the Inspector Window Style Inspector tab.

I don’t know how I managed to do this, but removing it removes the problem.

Yippee

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

3

It looks fine when I preview the page, but I can’t work in FW like this.

I’m fairly sure that all the Inline Constructionists would agree with me
that holding too tightly to a wysiwyg workflow will make inline box model
work more difficult than necessary.

I have a free basic inline “template” for folk to explore and get the hang
of. It is, however, Freeway Pro 6 –

http://cssway.thebigerns.com/products/inline-basic-layout/

Best wishes,

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

4

Hi Earnie

All OK now. Somehow I had accidently applied a text style to the page - it appears that my items were staggered because of the line height specified in this text style.

Thanks for the template I’ll take a look

Thanks again

Mark

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

5

Hi Earnie

Your template is a great resource. If you had an image the same width as the text would you use the Flexible Image Action to resize the image as a browser window is resized?

I presume if this Action was used then a mobile phone visitor would be forced to download a big image (in kB), when all they are seeing is a small image (in terms of pixel width?

Mark

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

6

Hi Maerk,

I’m sure that action is a good one and very handy for those who can’t work
out how to make flexible images natively in FWP, but I haven’t used it yet.
I think you’re correct in assuming the download penalty of a large image
displayed at small sizes, though.

Here is a site where I am using full size images as thumbnails -
http://industrialmarketing.com.au/drillrigs.html

Any thumbnail that displays a Magnify icon when hovered will open a larger
image. Click the title next to the thumbnail to go to a feature page for
that item – all are the same image file, scaled to fit the layout. The
layout is flexible, so will respond to browser size changes.

One little secret about this site - the same element to make a thumbnail
box is pretty much the same exact element on the item’s feature page! Just
a little tweak to the css makes it appear differently.

Caleb had a thread recently where the topic of flexible image strategy was
discussed in detail, I’m following a similar strategy. In this site I’ve
used Walter’s ScriptyLightbox3 to make the enlargements – and his LazyLoad
action to mitigate the page weight (see, I DO use actions sometimes :wink: Of
course, my patented IMAGEbox™ technology uses a secret blend of css herbs
and spices to show users the magnify icon on images that expand and a link
icon on images that link to another page (top image).

The downside of this flexible image strategy that I use is that my pass
thru images have to be full-size in the FWP workspace - not very wysiwyg.
But I don’t mind, as long as I can get the results I want.

Best,

–
Ernie Simpson

On Thu, Jun 27, 2013 at 3:03 PM, Mark email@hidden wrote:

Hi Earnie

Your template is a great resource. If you had an image the same width as
the text would you use the Flexible Image Action to resize the image as a
browser window is resized?

I presume if this Action was used then a mobile phone visitor would be
forced to download a big image (in kB), when all they are seeing is a small
image (in terms of pixel width?

Mark

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

7

I get that, Ernie. Funny.

Todd

Hi Maerk

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

8

I see the Photoshop Master is once again wielding his 17" MacBook Pro and is building another great looking website. Love the screen door effect on the home page image.

Nice work Earnie. LOL :slight_smile:

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

9

You guys are sharp :slight_smile:

Yes, I’m currently updating the menus, graphics, … putting in some special
secret stuff that hopefully I can talk about soon (yes, even I can learn
new tricks :slight_smile:

–
Ernie Simpson

On Thu, Jun 27, 2013 at 6:11 PM, RavenManiac email@hidden wrote:

I see the Photoshop Master is once again wielding his 17" MacBook Pro and
is building another great looking website. Love the screen door effect on
the home page image.

Nice work Earnie. LOL :slight_smile:

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