Strip white space

[Stanimir Stamenkov]

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Example:

<span class="adj">1</span>
<span class="adj">2</span>
<span class="adj">3</span>

--
Stanimir

[Steve Pugh]

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Example:

<span class="adj">1</span>
<span class="adj">2</span>
<span class="adj">3</span>

Not 100% sure what you mean, but does this do it?

<span class="adj">1</span><span class="adj">2</span><span
class="adj">3</span>

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Stanimir Stamenkov]

Steve Pugh wrote:

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Not 100% sure what you mean, but does this do it?

<span class="adj">1</span><span class="adj">2</span><span
class="adj">3</span>

:-) Yeah, but I've asked about the case where there's (think of it
like: there should be) a white space between the elements in the source.

--
Stanimir

[Evertjan.]

Stanimir Stamenkov wrote on 04 nov 2003 in
comp.infosystem s.www.authoring.stylesheets:

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Example:

<span class="adj">1</span>
<span class="adj">2</span>

<style>
.adj {font-size:40pt;}
.outer {font-size:0;}
.corr {margin-left:-12px;}
</style>

<span class="adj">1</span><span class="adj">2</span>

<br>

<span class="outer">
<span class="adj">1</span>
<span class="adj">2</span>
</span>

<br>

<span class="adj">
<span class="adj">1</span>
<span class="adj corr">2</span>
</span>
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Steve Pugh]

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Steve Pugh wrote:

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Not 100% sure what you mean, but does this do it?

<span class="adj">1</span><span class="adj">2</span><span
class="adj">3</span>

:-) Yeah, but I've asked about the case where there's (think of it
like: there should be) a white space between the elements in the source.

Fix whatever is the cause of the whitespace in the source.

..adj {float: left;] works for your simple test case, but probably
isn't appropriate for whatever real world problem you're trying to
solve.

I thought about display: run-in; but that doesn't seem to be the
solution (not supported by IE, has no effect in this case in Moz 1.5,
works for the 2 and 3 but causes the 1 to vanish in O7.21).

A negative margin-left is, of course, the brute force approach and is
likely to cause as many problems as it solves.

I think that any solution will depend on what else is in the
surrounding markup. The problem is more complex if the code snippet
provided is preceeded and/or followed by text than if it is alone
inside a block element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Stanimir Stamenkov]

Steve Pugh wrote:

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Steve Pugh wrote:

<span class="adj">1</span><span class="adj">2</span><span
class="adj">3</span>
:-) Yeah, but I've asked about the case where there's (think of it
like: there should be) a white space between the elements in the source.

Fix whatever is the cause of the whitespace in the source.

There's nothing to fix - the data should contain the white space. I
want to have such visual style presentation where this white space
doesn't appear, just like I could hide certain (non-white space)
elements (the 'display' property).
.adj {float: left;] works for your simple test case, but probably
isn't appropriate for whatever real world problem you're trying to
solve.
I've though of floats too, but then I don't know the height of the
inline element boxes and I want them baseline aligned.
I thought about display: run-in; but that doesn't seem to be the
solution (not supported by IE, has no effect in this case in Moz 1.5,
works for the 2 and 3 but causes the 1 to vanish in O7.21).

A negative margin-left is, of course, the brute force approach and is
likely to cause as many problems as it solves.
Yeah, negative margins are pretty relative because there's no unit
to specify exact 1 space width for the current element's font.
I think that any solution will depend on what else is in the
surrounding markup. The problem is more complex if the code snippet
provided is preceeded and/or followed by text than if it is alone
inside a block element.

I though there may be something which I've missed from the CSS specs
about stripping/collapsing white space, that's why I've given such a
generic example.

BTW, the example which Evertjan. gave in another reply with
'font-size: 0' on the parent element - almost did it :-) , though IE
and Opera still leave a pixel space.

--
Stanimir

[Steve Pugh]

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Steve Pugh wrote:

Stanimir Stamenkov <s7****@netscap e.net> wrote:

Steve Pugh wrote:

<span class="adj">1</span><span class="adj">2</span><span
class="adj">3</span>

:-) Yeah, but I've asked about the case where there's (think of it
like: there should be) a white space between the elements in the source.
Fix whatever is the cause of the whitespace in the source.

There's nothing to fix - the data should contain the white space. I
want to have such visual style presentation where this white space
doesn't appear, just like I could hide certain (non-white space)
elements (the 'display' property).

The display property is exactly what you should be using.

<span class="adj">1</span><span class="foo">
</span><span class="adj">2</span><span class="foo">
</span><span class="adj">3</span>

..foo {display: none;}

The white space is part of the data, as you say, and not just an
artifact of how you format the source code. Therefore any display of
the whitespace/data should be handled by marking up that
whitespace/data.

Though I am curious what this data is that has meaningful whitespace
in it, but which doesn't lose meaning when that whietspace isn't
displayed.
BTW, the example which Evertjan. gave in another reply with
'font-size: 0' on the parent element - almost did it :-) , though IE
and Opera still leave a pixel space.

I didn't know whether that would work for you because I didn't know
whether there was text to either side of the spans in your real data.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Stanimir Stamenkov]

Steve Pugh wrote:

The white space is part of the data, as you say, and not just an
artifact of how you format the source code. Therefore any display of
the whitespace/data should be handled by marking up that
whitespace/data.

Though I am curious what this data is that has meaningful whitespace
in it, but which doesn't lose meaning when that whietspace isn't
displayed.
It's a separating space. An application could process it whatever it
wants. :-)

I though more of a "generic" way (if CSS provides such) to suppress
the white space as a text node (in the DOM means).

Just like this:

<p>
<span>
text
</span>
</p>

A HTML application should strip the leading and trailing space but
this can't be expressed with CSS (as far as I find out).
Stanimir Stamenkov <s7****@netscap e.net> wrote:

BTW, the example which Evertjan. gave in another reply with
'font-size: 0' on the parent element - almost did it :-) , though IE
and Opera still leave a pixel space.

I didn't know whether that would work for you because I didn't know
whether there was text to either side of the spans in your real data.

If I markup even the white space then it really doesn't matter.

--
Stanimir

[Jukka K. Korpela]

Steve Pugh <st***@pugh.net > wrote:

The display property is exactly what you should be using.
I wouldn't vote on the solutions before knowing the real problem.
<span class="adj">1</span><span class="foo">
</span><span class="adj">2</span><span class="foo">
</span><span class="adj">3</span>

.foo {display: none;}

The white space is part of the data,
In this case, it isn't. There is no white space in the textual content
above, by the specifications. There is just white space generated by white
space bugs, which are known to be common in browsers. By SGML rules,
the line breaks between <span ...> and </span> tags above shall be ignored
on two accounts: the line breaks immediately follow a start tag _and_
precede an end tag.

So if you use such a trick, you should at least use real spaces between the
tags.
Though I am curious what this data is that has meaningful whitespace
in it, but which doesn't lose meaning when that whietspace isn't
displayed.

Me too. I'm just making wild guesses right now, and thinking whether
letter-spacing or word-spacing with a negative value might be a solution.
But knowing the problem would surely help.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

[Tony T]

"Stanimir Stamenkov" <s7****@netscap e.net> wrote in message
news:bo******** *****@ID-207379.news.uni-berlin.de...

Is it possible to make two inline elements to appear adjacent
stripping any white space appearing in between in the source?

Example:

<span class="adj">1</span>
<span class="adj">2</span>
<span class="adj">3</span>

--
Stanimir

I asked a very similar question a while ago in relation to making sure
images display adjacently regardless of whether there's a cr/lf in the HTML
between the <img>'s. I didn't get any definite answer, but it was probably
when everyone was on holiday.
--
Tony T
Replace 'from' with 'to' (twice) for e-mail