I have been using Freeway for the last week (but have years of experience with NetObjests Fusion) and have a probelm I can’t solve.
Using the Blank template, I have created a page 968 wide, with a content Html Item of 956 wide. However there is a blue dotted line flush with the top and left but is 1 pixel smaller on the right and bottom that shows. This appears to be stoping me making an item greater that 955 wide.
What is the blue dotted line? How do I remove it or increase it to the size on the main page Html Item?
I don’t see anything wrong with the published site – could you try
clearing your browser cache (since I have never seen this site before,
I got a perfectly clean new copy of everything). As far as seeing
these lines in Freeway, it’s part of the interface. You can turn it
off with the View / Show Outlines option.
waltd - There is a 1 pixel black border showing on the right of the site that can be seen at the very top by the red navigation bar. The issue was a problem because I originally had an intentional 1 pixel border and because of this problem there was an extra 1 pixel on the bottom and right which looked wrong. I have had to redesign the site layout to make the problem less noticeable.
You are probably right that I can turn off the blue dotted line display, but looks likes a boundary of some sort that I can’t go beyond. If I knew what it was exactly I might be able to track down the issue.
Thanks. I will try that. I wasn’t aware that I was using a table with 3 columns. As far as I know it is one page . I will investigate.
FW builds an underlying table structure for you - try ensuring that your topmost item is positioned at 0,0 ie 0px from the left and 0px from the top of the FW page.
FW builds an underlying table structure for you - try ensuring that your topmost item is positioned at 0,0 ie 0px from the left and 0px from the top of the FW page.
D
The topmost item is indeed set to 0,0.
I have just started a new test page doing the following and I can reproduce this problem. Here’s what I did.
I started a new project based on the Blank template and set the page size to 980 wide by 720 long.
I then added a Html item as the page content and set to 957, 500 at 0,0 and set colour to black.
Then I created a Graphic Item and set to 956,42 at 0,0 and set to yellow. To my surprise, the dotted blue appears and I cannot enlarge the Graphic Item to the full width of the page, i.e. I can only increase the width to 956 and not 957.
I then reduced the sizes to Html Item to 100x21 (black) and 99x20 (yellow). Again the blue dotted lines appear and I can’t increase the yellow box beyond 99x20 to 100x21!
OK - I am afraid that this appears to be normal considering the constraints of Express and non layered ie Table based layouts.
To understand it think of it like this.
The Black box that you have drawn is rendered as an HTML table. When you then draw your yellow box on top of it you are actually creating a cell within the black ‘table’. As a result you cannot then make the yellow box larger than its black container unless you enlarge the black section first.
The easy way of realising this is if you select the black HTML item and delete it you also delete the yellow one too as the yellow section is part of the black.
So to get a full width yellow box draw it first and then the black one underneath.
I’m only trying to make the yellow box (99) the same size as the black (100). I understand that you can’t make the yellow bigger that the black but i should be able to make them equal.
Here’s the problem another way:
if you create a main Html item as the first item in a page of x wide. Then the maximum width of any box that you create within the first box is x-1 and it should be x. Sounds like a bug to me. It’s like WYSIWYG-1.
How would you add items on top of that first item?
What you have to remember is that Express is not as fully featured as Pro - there are limitations. The construction method has to be altered because of the simple fact that HTML items cannot ‘go on top’ of other HTML items in the Table Based construction that Express provides.
Thats why you would have one HTML container with the next beneath it (not under as in a layered construction).