Hi, I have a small problem with HTML text in freeway. In the freeway canvas, I created an HTML box with text in it, however, when I preview it or look it in a browser, the text is “longer”, so I can’t accuratly determine how my page will look in the window based on what it looks like in Freeway. Is there a setting I can modify so that the HTML text in Freeway will look the same as it will in the browser?
For example, in the HTML box I edit the style to make the leading: 150% in Freeway, and base my design around it. In the browser though, the same “150%” is much larger
For an easier diagnosis of any problem it ALWAYS helps if we can see your page online.
When you put it online we can see/read the underlying code that has gone into the structure of your page and that helps enormously. Especially if you have set File>Document Setup>Output with HTML code: More Readable
You might want to consider using “px” to measure leading or line-height versus using “%'s”.
Also it sounds like an issue with undefined height not being set in the Inspector palette. I’m sure after you post a sample page, we’ll be able to see what’s going on.
Even so, why does the text look different in the browser (and in preview) than what I design in Freeway ? How will I be sure that the text i design in Freeway will be mirrored in the browser without making it graphic (bad for seo)
Even when both items become non-layered, notice how the word “ut” at the very last line by itself in Freeway, but in Preview, “ut” is on the same line as “adipiscing”
Freeway’s design view is a rough approximation of a browser, and it
tries to strike a balance between one browser and another, but there’s
no one view that Freeway could show you that would magically equal
every other browser out there.
And there’s no Web page, no matter how cleverly and restrictively
coded, that will look precisely the same on every browser + platform
combination.
My advice: embrace the difference. Treat it like a Zen koan that opens
your mind to the reality that your design will change in myriad ways
when it reaches a browser. Then work to allow that change to happen
without destroying your design intent. That’s the hard part, and why
great designers are great.