[Pro] Unruly text in my boxes

I just cannot understand the behaviour of text in html boxes. Look at this page:
Personal Trainer and Wellness Coach in Mallorca.

Here there are to boxes with text. In Freeway when I design them I have to let the text expand outside the boxes in order for it to look right when published. This happens quite often and there seems to be no pattern to this either. Is there anybody out there that can explain this phenomena, and give some advice how to get around the problem?

Also, on the same page I have a hyperlink to an external page where I want it to open in a new window, so I did the _blank thing, but for some reason it doesn’t work. Suggestions welcome…


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

The link gets a 404 Not Found message. Can it be the dot at the end? I’ll try again as I cannot find a way of editing my first letter:

http://www.its-my-body.com/index.html


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

Are you trying to put HTML boxes over the top of a Flash image?

If so you are always going to get unreliable results as Plug In content like Flash likes to rise to the top.

David


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

Sometime around 14/6/10 (at 12:40 -0400) Jon said:

The link gets a 404 Not Found message. Can it be the dot at the end?
I’ll try again as I cannot find a way of editing my first letter:

Many people who read Freewaytalk do so by email rather than by
visiting the web site. When you make a post here it also goes out,
immediately, to those people as a regular email message. You couldn’t
edit those even if you could edit the site! So… :slight_smile:

Okay, HTML text is important. It is fundamental to accessibility and
to search engine ranking. It is also a major PITA, because different
operating systems and different browsers will render the text, well,
differently. Freeway seems to show text in a slightly more compact
way than many of today’s browsers. There’s not a huge difference,
but it exists and it can catch you out. (Before you ask, altering
Freeway to show text in a fractionally larger space would cause big
problems with existing sites, so changing that is a toughie.)

You need to design your boxes with a little expansion in mind.
Whether that means using a bit more vertical space or setting them to
have undefined height depends on your layout, but it is just a fact
that you can’t rely on pixel-precise control of type in web design
the way you can in print.

Have you considered moving those boxes to the top and setting them to
have an undefined height, so they can be tight around the text but
stretch if/when it grows?

Musing a bit further, I recommend that you don’t use justified type
for on-screen text. Because you’re working in a pixel-defined
universe there just isn’t enough fine-grained control over character
placement to adjust spacing that well. Not to mention the fact that
browsers are rubbish at this too. :slight_smile:
If you use relatively wide text columns you can get away with it, but
boxes this narrow? Leave it range-left or give up the Google goodness
and set it as a graphic.

k


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

Thank you to both of you for commenting and explaining. I understand now that this is a problem that can not be solved with one easy answer. Keith, could you just please let me in on the words “justified type” and “range-left”?

Regarding the narrow boxes, did you look at the German version? With those neverending words and sentences this design wasn’t a really good idea. Yes, I have to think of something better…


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

I understand now that this is a problem that can not be solved with
one easy answer.

Mm. Sorry. I wish it was simpler, but some parts of web design are
simply less controllable than in print design. Fact of life. :frowning:

Keith, could you just please let me in on the words “justified type”
and “range-left”?

These are text alignment settings. Select some text and point at the
various alignment options shown in the Inspector palette. If you
hover over those buttons you’ll see tooltips giving their names:
“Left aligned paragraph”, “Center aligned paragraph”, “Right aligned
paragraph”, “Justified paragraph”.

Justified means the spacing between words is adjusted to make every
line in the paragraph (apart from the last) stretch all the way
across from the left to the right sides. In print DTP this also
involves subtle character spacing adjstments.

k


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

Thank you, Keith. Kind of you to answer questions from us amateurs.


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