[Pro] Stacking Graphic Items?

In an inline layout, what’s the best way to stack graphic items?Currently, I have three graphic items placed in an HTML item, which is entitled “right-column.” The last graphic item is showing up with an x in the green square in the Site window, but I can’t figure out why that is happening.

I’m also having a problem with the “footer” section on this page as well. It displays fine, but in the Site window the “footer” within it is showing up with an x in the green box.

Any help is appreciated.

http://wmp.idealynx.com/about.html


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

I think I would have my Right Column Div with three Divs inside that with each using the image as a background - but that might just be me!

David


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

On 23 Nov 2013, 1:37 pm, DeltaDave wrote:

I think I would have my Right Column Div with three Divs inside that with each using the image as a background - but that might just be me!

David

I considered that, but the only problem is if the user tries to print the page with “Print Backgrounds” turned off none of those photographs will print.


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

And speaking of printing, there’s something definitely wrong with this page. When I try to print it out, with “Print Backgrounds” turned off, there’s a huge amount of white space just before the main content. What the heck?


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

Sometimes the problem is with the way FWP calculates space. In this case,
the image and the footer appear fine in the browser, but not in the FWP
workspace.

Two approaches to this - you can either ignore FWP or you can try and fool
it.

Ignoring FWP is simple and should require no explanation. Fooling FWP is
actually fun and easy.

Start by looking at your HTML structures and see first if you have
forgotten to make one of your divs flexible height, or if FWP is trying to
enforce a min-height. That’s the most likely scenario. But if you do all
that and still have issues, well then you have to start thinking about
where your content is overflowing the bounds of your layout. In small
increments, gently expand a div here or there to see if that helps.
Sometimes I find that an image or some other content is taking a pixel or
two more space than I had planned. IF you find that is the case, then use
the Extended option to manually set the size of that item so that FWP
displays it in the workspace the size it needs but renders the finished
html at the size you need.

Best,

On Saturday, November 23, 2013, RavenManiac email@hidden wrote:

In an inline layout, what’s the best way to stack graphic
items?Currently, I have three graphic items placed in an HTML item, which
is entitled “right-column.” The last graphic item is showing up with an x
in the green square in the Site window, but I can’t figure out why that is
happening.

I’m also having a problem with the “footer” section on this page as well.
It displays fine, but in the Site window the “footer” within it is showing
up with an x in the green box.

Any help is appreciated.

http://wmp.idealynx.com/about.html


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


Ernie Simpson


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

the only problem is if the user tries to print the page with “Print Backgrounds” turned off none of those photographs will print.

I really dont consider that to be worth bothering about - they will soon find out and rectify it if they really want a print of the pictures.

Generally people print things for the text content anyway.

D


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

On 23 Nov 2013, 2:15 pm, The Big Erns wrote:

Sometimes the problem is with the way FWP calculates space. In this case,
the image and the footer appear fine in the browser, but not in the FWP
workspace.

Two approaches to this - you can either ignore FWP or you can try and fool
it.

Ignoring FWP is simple and should require no explanation. Fooling FWP is
actually fun and easy.

Start by looking at your HTML structures and see first if you have
forgotten to make one of your divs flexible height, or if FWP is trying to
enforce a min-height. That’s the most likely scenario. But if you do all
that and still have issues, well then you have to start thinking about
where your content is overflowing the bounds of your layout. In small
increments, gently expand a div here or there to see if that helps.
Sometimes I find that an image or some other content is taking a pixel or
two more space than I had planned. IF you find that is the case, then use
the Extended option to manually set the size of that item so that FWP
displays it in the workspace the size it needs but renders the finished
html at the size you need.

Thanks Ernie. I think the problem is I designed this website when I was first learning inline design. Everything in the site is inline except the page-wrapper div, which is the most important one. So basically, it’s not really an inline site, which kinda sucks. Unfortunately, I haven’t found an easy way to convert page-wrapper to an inline element, especially since I’m using masters.

I just tried creating an inline page from scratch within the same website and it worked fine, so the problem I’m having has something to do with placing a lot of inline elements within a layered item.

BTW, if you know an easy way to fix this please let me know. :slight_smile:

K


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

BTW, if you know an easy way to fix this please let me know. :slight_smile:

Hey, Kelly.

I can’t think of an easier way than the one I outlined - the problem is
likely how FWP calculates the workspace as opposed to how the browser
calculates the generated code, but inline design is complex enough that
even I overlook a stray setting every now and again.


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

What about switching a layered container element to an inline element? Any easy way to do that? :slight_smile:

Thanks for your help.


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

switching a layered container element to an inline element?

Cut, get flashing cursor and paste.

D


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