The terms you are using here (BodyWrapper?) are likely specific to the individual template, and they donât have any specific meaning to Freeway or even HTML or CSS. That said, when you see the [x] CSS checkbox in the Inspector after selecting an element on the page, that tells you two things: CSS Positioning is on in the document, and the element you have selected is an INLINE child of another HTML element. This is known as relative positioning, and it refers to elements which are peers, which reserve space for themselves relative to their peers, and which will nudge one another out of the way as they grow (or shrink) based on their contents.
Another possible point of confusion: Freeway will not allow you to create invalid HTML, so if you were to copy and paste an element named BodyWrapper into the same page as the original, you would end up with an element named something like item42
rather than BodyWrapper
, because no two elements may have the same ID in the same page.
To create an inline (relatively positioned) element, try following these steps in a blank new document, with CSS Positioning on.
- Draw an HTML box on the page somewhere. Give it a background color, or type some text inside it, so it has some presence within your design space.
- Cut it to to the clipboard.
- Draw another HTML box on the page, large enough to contain the first.
- Double-click inside the second box, so you see a flashing text cursor, and paste. (You can paste multiple times if you like â you will end up with some peer elements relatively positioned from one another.)
You now will see that the (first drawn) HTML box is inline within the second box (acting as if it was a single character of text) and if you click on it so that its corner handles appear, you will see the CSS checkbox is ticked in the Inspector.
You can also follow these steps to an element that is a child within the PageDiv (what you see when you double-click the page itself). So step 3 above is not strictly required, only the critical step 4 â gaining a text cursor before pasting. After you have followed these steps in a blank page, try repeating them in your template layout.
It is all too easy to end up with a positioned child of another element when you are working in Freeway, and that is not the same thing from a construction standpoint. A positioned child will not reserve space for itself within its parent element, so you could not have a positioned child which had text wrapping around it, for example, or which had another peer element held away from it by its geometry. For responsive or reactive design, positioned child elements are a serious problem. They can be worked around with enough CSS and head-scratching, but if you construct your page using a true inline (relative positioning) model, you will get most of what you need for free.
Walter
On Dec 2, 2014, at 11:02 AM, Martin Spenceley email@hidden wrote:
I bought all the Softpress Marketplace templates to try to understand how you implement CSS with Freeway Pro (7).
Talk about totally confusing, incredibly difficult and totally buggy! 
If I create my website based on one of the templates (say Floral) and lose some of the contents in a CSS HTML Item (say a BodyWrapper), if I try to copy the contents from another CSS HTML item in the file or a copy of the Floral template file, the copied objects become plain HTML items when I paste them into the BodyWrapper (CSS HTML Item).
Likewise, if I add a HTML item into an existing CSS HTML item,
I cannot see how I turn my HTML Item back into a CSS item so they can be properly managed.
Hope this makes sense?
Martin
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