[Express] Positioning a graphic at the very top of a page

Freeway
1

I cannot find a way to position a graphic item tight up against the top of a page.

I have created a New Document using the Blank Template, set the page to 940 wide by 820, centered it, set the page colour. This will be the background of the page.

I then add a Html Item which will be my page container and set the width to 926 by 800 and set the colour and position at the top of the page.

So far so good. Now if I add a Graphic Item and set width to 922 width and 30 height but I can’t position it tight against the top of the page. There appears to be a margin of about 5 pixels at the top of the graphic item. I have searched about yet can’t find how to remove this margin.

So what is stopping the graphic from beeing positioned up against the top of the main Html Item and Page?

My objective here is to create a page with a background colour, with a page centered and aligned to the top of the “page”, chose it’s colour and then add a graphic that is also aligned up against the top of the page. Perhaps there is a better way too this?

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

2

bump

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

3

Can you post a link to a demo page showing the problem? It’s
impossible to say without looking at the HTML that Freeway generated.

Walter

On Jul 3, 2011, at 4:49 AM, spidercrab wrote:

I cannot find a way to position a graphic item tight up against the
top of a page.

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

4

waltd - thanks for the suggestion. I was in the process of getting something to show the problem when I just figured this out.

What was happening was that I did not realise that the Item Appearance Settings in the Inspector for the Html Item acting as my main page works in the way that it does. For some reason that doesn’t make sense to me, is that if the Html Item has an effect such as a drop shadow, then I cannot align a graphic item right up to the top of that Html item. If I remove the shadow then I can move the graphic where I like.

Also if you try out the effects one by one, the width of the Html Item changes to a larger value. Not sure why this happens!

Am I missing something here or is this a glitch in the program?

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

5

Not a glitch, but the way that HTML works. If you add padding to an
HTML element, the element will appear to get wider by double that
amount. The reason is called the Box Model calculation in HTML+CSS.
Adding margin does not change the width of an element, but padding and
border do. If you create a box 200px wide, and add 20px padding to it
and 1px border, the resulting Box Model will put its width at 242px.
This is simply a measure of how much space other elements have to
reserve when getting out of the way of that element.

I roll my eyes every time I’m reminded of it, sincere in my belief
that nobody who had ever been near QuarkXPress ever designed the
protocols and standards of HTML.

Have a dig around the Freeway Preferences, and see if you can find one
that is named ‘Adjust box dimensions when adding padding’. It’s there
in Pro, but I don’t have a recent copy of Express to check if it’s
there as well. If this is checked, the Freeway will work around this
logical lapse on the part of the CSS weezards by adjusting the box
width downward by double the padding.

Walter

On Jul 3, 2011, at 5:54 PM, spidercrab wrote:

waltd - thanks for the suggestion. I was in the process of getting
something to show the problem when I just figured this out.

What was happening was that I did not realise that the Item
Appearance Settings in the Inspector for the Html Item acting as my
main page works in the way that it does. For some reason that
doesn’t make sense to me, is that if the Html Item has an effect
such as a drop shadow, then I cannot align a graphic item right up
to the top of that Html item. If I remove the shadow then I can
move the graphic where I like.

Also if you try out the effects one by one, the width of the Html
Item changes to a larger value. Not sure why this happens!

Am I missing something here or is this a glitch in the program?

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

6

On 3 Jul 2011, 10:10 pm, waltd wrote:

Have a dig around the Freeway Preferences, and see if you can find one
that is named ‘Adjust box dimensions when adding padding’. It’s there
in Pro, but I don’t have a recent copy of Express to check if it’s
there as well. If this is checked, the Freeway will work around this
logical lapse on the part of the CSS weezards by adjusting the box
width downward by double the padding.

Thanks waltd or the explanation. That option is not there in Express but good to know that is in the Pro version.

I’m really just trying out freeway with the express version but may upgrade if it all works out as anticipated.

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