First of all, using a graphic as a “background” behind an HTML Web
page is a recipe for heartache. Graphics are made out of pixels –
they have a finite dimension and resolution. HTML is made out of math
and unicorn tears – it can stretch and bend and flow to fill any
crevice. At best, your HTML elements will simply run out of the
“bottom” of your background. At worst, Freeway will chop up your
graphic into pieces and leave gaps between the elements.
As to the white box appearing, you are probably clicking into an HTML
box and seeing the normal Freeway behavior. When you enter text
editing mode, Freeway puts a white background on the box so you can
see what you’re typing. As soon as you move back either to focus on
another object or to have a design cursor (rather than a text cursor)
on the HTML box, you will see that there is no background to your box.
Now to solve both of these issues at once, here’s what I think you
should do:
-
Draw an HTML box to form your “background” to the page. With this
box still selected, look in the Style tab (second from the left) of
the Inspector. You will see a bunch of different background and border
options available to you, and setting these will create flexible
effects that will not either fall apart or become too small when your
page content (or the browser’s font size) changes.
-
After you have established the look of the frame you like, double-
click inside that HTML box and insert Graphic boxes and HTML boxes
inline, such that you have containers for the various parts of your
page layout. These elements will push each other out of the way when
they grow, unlike any two things you draw in Freeway’s usual CSS
Positioning mode.
Using floats and margins, you can create a very neat layout of your
content which will be “bulletproof” against the slings and arrows of
browser and operating system differences.
Once you have a layout that looks the way you like it, removing the
height attribute from all of these nested elements (and the outermost
parent box) will complete the effect. To remove the height attribute
from an HTML box, click once on the box to select it, then click on
the up/down arrow icon left of the height setting in the Inspector.
Walter
On Dec 22, 2010, at 7:21 AM, Martin wrote:
I want to draw a simple box frame around my master page. All the
pages’ content will be surrounded by the box. I thought all I had to
do was draw a graphic box, no color, make the border the thickness
and the color I want, and then send it to the back.
Wrong. Every time I click on the page, I get a cursor in the page
area surrounded by the box and the page turns white.
Can anyone tell me how to do this?
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
