Gap

[marina_a_sh]

Please, help.

I’m using Firefox.
I can’t figure out why there is a gap between ‘yellowPiece’ and ‘connection’ while there is no gap between ‘connection’ and ‘just text’.
They all look similar to me, all are inline elements and should go one after the other respecting horizontal margins, borders, and paddings. FireBug didn’t reveal any suspicious ones.

Code:

yellowPiece

Just text

[Jonz]

You should try using div class instead of the span for your connections as well.
Just have to change the markup a little. Formatted the yellowpiece span just like the "Just Text" one and that fixed it. You sometimes run into these problems and the easiest fix is just changing how the code is layed out. weird I know

Code:

yellow Piece

Just text

[Jonz]

@ikthius nicely done, explains it for me too

[marina_a_sh]

Thank you.

I haven’t seen your answer until now. :)
I was looking through old stuff on my computer and saw this long forgotten problem. I finally figured out on my own that the problem was in white spaces and ‘new lines’ and decided to answer my own question.

It is ugly but also possible to write:
> >…

[marina_a_sh]

>
>...

[Author]

Posts