Hi
Placing a non-breaking space - - between text and a graphic doesn't seem to work. That is, on this page:
http://www.chainsofreason.org/wiki/Chain_32
gradually reducing the width of the browser window eventually causes the arrow graphic to jump down a line without taking with it the word which comes before it, even though the space between them is a non-breaking one (in the case of the first arrow on the page). The arrow doesn't make sense unless it is preceded by at least the last word of the preceding sentence.
Does anyone know how to create a non-breaking space between text and a graphic?
Derrick
<span style="white-space: nowrap;">word <img ...></span> seems to work for me (at least on the HTML level in FF 3.0)
B.
On 6-Aug-08, at 5:42 PM, Derrick Farnell wrote:
Hi
Placing a non-breaking space - - between text and a graphic doesn't seem to work. That is, on this page:
http://www.chainsofreason.org/wiki/Chain_32
gradually reducing the width of the browser window eventually causes the arrow graphic to jump down a line without taking with it the word which comes before it, even though the space between them is a non- breaking one (in the case of the first arrow on the page). The arrow doesn't make sense unless it is preceded by at least the last word of the preceding sentence.
Does anyone know how to create a non-breaking space between text and a graphic?
Derrick _______________________________________________ MediaWiki-l mailing list MediaWiki-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1
Derrick Farnell wrote:
Placing a non-breaking space - - between text and a graphic doesn't seem to work. That is, on this page:
http://www.chainsofreason.org/wiki/Chain_32
gradually reducing the width of the browser window eventually causes the arrow graphic to jump down a line without taking with it the word which comes before it, even though the space between them is a non-breaking one (in the case of the first arrow on the page). The arrow doesn't make sense unless it is preceded by at least the last word of the preceding sentence.
Most (all?) browsers will happily break between a letter or non-breaking space and a separate element such as an image.
You can however wrap the combination of both in a style which disables breaking:
<span style="white-space:nowrap">thinks. [[Image:Conclusion arrow.png]]</span>
(A template can cut down the amount of text you write there.) I'm not sure there's a good way to do this that doesn't require you to pick a previous word; wrapping just the image in the nowrap style will probably still break just before the span, but go ahead and test it in case I'm wrong!)
- -- brion
Thanks both - it indeed looks as though there isn't a user-friendly way of doing this.
Derrick
On Wed, Aug 6, 2008 at 11:35 PM, Brion Vibber brion@wikimedia.org wrote:
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1
Derrick Farnell wrote:
Placing a non-breaking space - - between text and a graphic
doesn't
seem to work. That is, on this page:
http://www.chainsofreason.org/wiki/Chain_32
gradually reducing the width of the browser window eventually causes the arrow graphic to jump down a line without taking with it the word which comes before it, even though the space between them is a non-breaking one (in the case of the first arrow on the page). The arrow doesn't make
sense
unless it is preceded by at least the last word of the preceding
sentence.
Most (all?) browsers will happily break between a letter or non-breaking space and a separate element such as an image.
You can however wrap the combination of both in a style which disables breaking:
<span style="white-space:nowrap">thinks. [[Image:Conclusion arrow.png]]</span>
(A template can cut down the amount of text you write there.) I'm not sure there's a good way to do this that doesn't require you to pick a previous word; wrapping just the image in the nowrap style will probably still break just before the span, but go ahead and test it in case I'm wrong!)
- -- brion
-----BEGIN PGP SIGNATURE----- Version: GnuPG v1.4.8 (Darwin) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org
iEYEARECAAYFAkiaJzgACgkQwRnhpk1wk45BEQCbBx+WvLwsBZ8byEN8A82VeAtj f1QAn2XNSMwDJ3w4NfqHbo1IBG6rUuQO =s7P1 -----END PGP SIGNATURE-----
MediaWiki-l mailing list MediaWiki-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
mediawiki-l@lists.wikimedia.org