[Pro] Mysterious space?

Can somebody help me figure out why I’m getting a block of white space between my image container and the html box directly beneath it in each of the three white boxes at the bottom on this page?

http://rcb.idealynx.com/index.php


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

honestly I don’t see any white space. Could you specify this in more detail - even a screenshot? What browser do you use?

Cheers

Thomas


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

Safari. I see it in FWP too. I just sent you an email with a screenshot.

Thanks!


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

You appear to have an empty element in your P element minibox

This is it without

And this is the code

D


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

Kelly, you really need to start using the developer features of your
browser. “Inspect Element” one of those boxes and you will see that your
image is wrapped in a p tag (that’s okay, Freeway does this for you and
there’s nothing wrong with that). However, there’s an extra space after the
image that the browser is treating as a non-breaking space (   ). So
there is a space or line-feed after the image. Removing it will be
delicate, without deleting the image – When this happens to me, sometimes
I must add another space and then try to select the spaces like a word…
gosh, how difficult to describe! Be delicate, test each thing you do to one
box before going to the next.

Best of luck,


Ernie Simpson


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

On 1 Jun 2013, 12:32 am, The Big Erns wrote:

Kelly, you really need to start using the developer features of your
browser. “Inspect Element” one of those boxes and you will see that your
image is wrapped in a p tag

Yes, I should. I was admittedly being lazy today. Sorry. Long week. I’ll try to eradicate it. Thanks guys.


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

On 1 Jun 2013, 12:32 am, The Big Erns wrote:

Kelly, you really need to start using the developer features of your
browser. “Inspect Element” one of those boxes and you will see that your
image is wrapped in a p tag (that’s okay, Freeway does this for you and
there’s nothing wrong with that). However, there’s an extra space after the
image that the browser is treating as a non-breaking space ( ). So
there is a space or line-feed after the image. Removing it will be
delicate, without deleting the image – When this happens to me, sometimes
I must add another space and then try to select the spaces like a word…
gosh, how difficult to describe! Be delicate, test each thing you do to one
box before going to the next.

Best of luck,

Ernie Simpson

I spent 30 minutes trying to fix this and I couldn’t. I think I read something about this issue before. Basically, if I reduce the width of the graphic item by 1 pixel, the space disappears, but then the box is short. Very weird.

I ended up using an HTML box instead with an image background. I know the image labeling issues that creates, but I got tired of fiddling with it.


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

I think that inserting an image inline can sometimes produce an extra
carriage return – I forget the exact sequence but could do it in my sleep
if I just opened Freeway Pro and did it. Anyway, the process of deleting
the extra space/LF is possible, just fiddly.

Sad that you gave up :frowning:


Ernie Simpson

On Sat, Jun 1, 2013 at 2:13 AM, RavenManiac email@hidden wrote:

On 1 Jun 2013, 12:32 am, The Big Erns wrote:

Kelly, you really need to start using the developer features of your
browser. “Inspect Element” one of those boxes and you will see that your
image is wrapped in a p tag (that’s okay, Freeway does this for you and
there’s nothing wrong with that). However, there’s an extra space after
the
image that the browser is treating as a non-breaking space ( ). So
there is a space or line-feed after the image. Removing it will be
delicate, without deleting the image – When this happens to me,
sometimes
I must add another space and then try to select the spaces like a word…
gosh, how difficult to describe! Be delicate, test each thing you do to
one
box before going to the next.

Best of luck,

Ernie Simpson

I spent 30 minutes trying to fix this and I couldn’t. I think I read
something about this issue before. Basically, if I reduce the width of the
graphic item by 1 pixel, the space disappears, but then the box is short.
Very weird.

I ended up using an HTML box instead with an image background. I know the
image labeling issues that creates, but I got tired of fiddling with it.


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

On 1 Jun 2013, 7:16 am, The Big Erns wrote:
Sad that you gave up :frowning:

Ernie Simpson

Perhaps I’ll try again when time permits. :slight_smile:


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

I think I figured this out. I need to enclose the graphic box inside an HTML box to eliminate the rogue spacing. Please correct me if I’m wrong.


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

I’m not convinced that is the solution.

For myself, when I insert a graphic into an inline layout I will start by
inserting a FWP html item instead of a FWP graphic item. I have no logic
for this, except that I am an exceptionally lazy and well-conditioned
creature of habits.After that, then I select the html item and press the
command-e key combo which brings up the image import dialog and I can
select my image. What seems to happen is Freeway automatically converts the
inline html item into a graphic item - the html box is no longer an html
box.

Now let me switch gears here a minute.

When I started inserting html items into inline layouts – especially into
runs of text – I noticed that it was a bit tricky getting the placement.
My natural instinct was to place a carriage-return after a block of text
then insert the new html item. This would always end up with an extra
linefeed (return for you youngsters), which can be miserable to erase if
you haven’t yet grokked the navigation of inline layouts. What I learned
was that at least with a block-element like a div, FWP seems to insert the
element on it’s own line (or at least that is the way it appears to behave)
so that I simply insert my divs on the same line of text either before the
first letter or after the last… the first will insert the div before the
line while the latter inserts it after.

So, back to graphic boxes.

Because of the way I insert graphics, I find that I must treat it like a
div until I import my image. Which means watching my insertion point. Now,
I’ve been doing this so long now that even if I cock-up and get that extra
space, I’m still very comfortable deleting it. I wish that I could just say
how I do it - if you were watching me work, you’d see it – it’s not
impossibly difficult. It’s simply an extra, empty paragraph line.

Sometimes you can spot it by using arrow keys to advance the cursor back
and forth through that portion of inline elements – after all, they are
just like letters in a sentence. You can see items hilite as the cursor
fixes on their position… or stroll through bits of text, if you have them.
When you happen on that stray, empty line you’ll see the cursor blinking
there with no items selected. Freeway Pro deletes extra spaces for us (the
web couldn’t show them anyway, unless they were non-breaking) however when
we carriage-return vertical spaces in FWP, the app interprets those as
non-breaking characters wrapped in paragraph tags. Your natural instinct
will be to backspace and delete the line, but what FWP does is delete the
line and the inline div preceding it… go ahead, you can say it -
AAAGGGHHHH!!! The trick is to think different.

If you don’t have Show Invisibles enabled, give yourself a good forehead
thwacking then turn it on. You’ll see the darned paragraph symbol next to
your flashing cursor. Simply hold down the shift-key and tap the
right-arrow key ONCE… you’ll see the paragraph symbol hilited. Tap the
delete key ONCE, and your problem should be solved.

I’ve noticed that if I copy an html item and paste it somewhere else in the
inline structure that I end up with an extra carriage return – weird,
because I select the item itself and not by dragging around it (like a word
of text).

So, all of that to tell you that I think the “rogue space” issue is a
function of FWP’s natural user interaction – changing how you insert
graphics is up to you, but I don’t think it will stop rogue spaces.
Learning how to anticipate Freeway’s behavior is like learning to dance –
sometimes with a partner with sometimes big clumsy feet – but, again, not
impossible.

Best of luck,


Ernie Simpson

On Mon, Jun 3, 2013 at 10:22 AM, RavenManiac email@hidden wrote:

I think I figured this out. I need to enclose the graphic box inside an
HTML box to eliminate the rogue spacing. Please correct me if I’m wrong.


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

On 3 Jun 2013, 4:19 pm, The Big Erns wrote:

For myself, when I insert a graphic into an inline layout I will start by
inserting a FWP html item instead of a FWP graphic item. I have no logic
for this, except that I am an exceptionally lazy and well-conditioned
creature of habits.After that, then I select the html item and press the
command-e key combo which brings up the image import dialog and I can
select my image. What seems to happen is Freeway automatically converts the
inline html item into a graphic item - the html box is no longer an html
box.

This may be why you’re not having as much of a problem.

If you don’t have Show Invisibles enabled, give yourself a good forehead
thwacking then turn it on. You’ll see the darned paragraph symbol next to
your flashing cursor. Simply hold down the shift-key and tap the
right-arrow key ONCE… you’ll see the paragraph symbol hilited. Tap the
delete key ONCE, and your problem should be solved.

Just thwacked my forehead.

Thanks Ernie. If you spent this much time trying to teach me how to do things correctly, the LEAST I can do is take your advice. I’ll try the techniques you’ve outlined and report back.

Thanks for taking the time to help me with this. I really appreciate your help.


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