inserting blank space in html

Tony Vella · Nov 21, 2003

Can anyone please tell me how to insert a longish blank space in html which
IE would recognize. Let's say a space between "blank" and "space" the size
of "blank". TIA.

William Tasso · Nov 21, 2003

Tony said:
Can anyone please tell me how to insert a longish blank space in html
which IE would recognize. Let's say a space between "blank" and
"space" the size of "blank". TIA.

CSS:
p span {margin-left:5ex;}

HTML:
blank space

modify margin value to suit.

Tony Vella · Nov 21, 2003

William said:
CSS:
p span {margin-left:5ex;}

HTML:
blank space

modify margin value to suit.

Sorry, can't get the html to work. I'll try to show below what effect I'm
after.
*there was an old lady who lived in a shoe.*
(In case it doesn't show) I am trying to put, say, 10em between "lady" and
"who"
Thanks for helping William.

rf · Nov 21, 2003

Tony Vella said:
Sorry, can't get the html to work.

What? There is only one line

I'll try to show below what effect I'm
after.
*there was an old lady who lived in a shoe.*
(In case it doesn't show) I am trying to put, say, 10em between "lady" and
"who"

Which is what Williams example does, exactly. Well, not exactly, you would
have to specify margin-left: 10em.

Cheers
Richard.

Mark Parnell · Nov 21, 2003

Sometime around Fri, 21 Nov 2003 00:57:41 -0000, William Tasso is reported
to have stated:

CSS:
p span {margin-left:5ex;}

HTML:
blank space

modify margin value to suit.

The other option would be to add a whole pile of non-breaking spaces
between the words. Depending on the purpose of the space (the OP was very
vague on that subject), this may be a better option, since non-CSS browsers
would still see the space. It could cause other undesirable results,
though.

Tony Vella · Nov 21, 2003

rf said:
What? There is only one line

Which is what Williams example does, exactly. Well, not exactly, you
would have to specify margin-left: 10em.

Cheers
Richard.

Hi Richard. Please don't misunderstand my question: I don't expect anyone
to take the time (waste his time actually) to spoon-feed me. But now I'm
getting pigheaded with this damn thing. Here are a few more details:

I have a text and between two particular words, say "red" and "white" I want
a space, say of 15em. So somewhere between <head> and </head> I type
CSS: p span {margin-left:5ex;}
then in the text I enter
redwhite

What is happening is (one) CSS: p span {margin-left:5ex;}is showing in IE as
text at the top of the page and (two) I am getting a paragraph break right
before red.

In addition, I already have a CSS with these entries.

span {
font-family: serif;
font-size: smaller;
}

If I include a margin-left= entry, all the spans in the document will be
effected and not just the one between red and white. I have tried using
non-break spaces but it does look rather "untidy" if you wished to do it a
few times throughout the document. Thanks again.

Tony Vella · Nov 21, 2003

Tony said:
Hi Richard. Please don't misunderstand my question: I don't expect
anyone to take the time (waste his time actually) to spoon-feed me.
But now I'm getting pigheaded with this damn thing. Here are a few
more details:

I have a text and between two particular words, say "red" and "white"
I want a space, say of 15em. So somewhere between <head> and </head>
I type
CSS: p span {margin-left:15em;}
then in the text I enter
redwhite

What is happening is (one) CSS: p span {margin-left:5ex;}is showing
in IE as text at the top of the page and (two) I am getting a
paragraph break right before red.

In addition, I already have a CSS with these entries.

span {
font-family: serif;
font-size: smaller;
}

If I include a margin-left= entry, all the spans in the document will
be effected and not just the one between red and white. I have tried
using non-break spaces but it does look rather "untidy" if you wished
to do it a few times throughout the document. Thanks again.

rf · Nov 21, 2003

Tony Vella said:
Hi Richard. Please don't misunderstand my question: I don't expect anyone
to take the time (waste his time actually) to spoon-feed me. But now I'm
getting pigheaded with this damn thing. Here are a few more details:

I have a text and between two particular words, say "red" and "white" I want
a space, say of 15em. So somewhere between <head> and </head> I type
CSS: p span {margin-left:5ex;}
then in the text I enter
redwhite

<html>
<head>
<title>words</title>
<style type="text/css">
p span {margin-left: 15em;}
</style>
</head>
<body>
some text that comes before the word "red"whitesome
following text
</body>

What is happening is (one) CSS: p span {margin-left:5ex;}is showing in IE as
text at the top of the page and (two) I am getting a paragraph break right
before red.

In addition, I already have a CSS with these entries.

span {
font-family: serif;
font-size: smaller;

Don't use a font-size smaller than 100%.

}

If I include a margin-left= entry, all the spans in the document will be
effected and not just the one between red and white. I have tried using
non-break spaces but it does look rather "untidy" if you wished to do it a
few times throughout the document. Thanks again.

..wide {margin-left: 15em;}

.... white

Cheers
Richard.

Sid Ismail · Nov 21, 2003

: What is happening is (one) CSS: p span {margin-left:5ex;}is showing in IE as
: text at the top of the page

The "CSS:" means that you insert this into your head

<style type="text/css">

</style>

Methinks you need this tutorial:
http://www.westciv.com/style_master/academy/hands_on_tutorial/

If that is not on, then stick in a filler.gif width=10 height=1.

Sid

Tony Vella · Nov 21, 2003

rf said:
<html>
<head>
<title>words</title>
<style type="text/css">
p span {margin-left: 15em;}
</style>
</head>
<body>
some text that comes before the word "red"whitesome
following text
</body>
IE

Don't use a font-size smaller than 100%.

.wide {margin-left: 15em;}

... white

Cheers
Richard.

Finally I got through my thick skull. Old age isn't fun! Thanks a lot
guys!

Jukka K. Korpela · Nov 21, 2003

rf said:
p span {margin-left: 15em;}

If that "works", it's a browser bug. By CSS specifications, margin
properties do not apply to inline elements like span. (It is well known that
IE violates the specifications in this respect. Mozilla, Opera, etc. don't.)

Use padding-left instead.

some text that comes before the word "red"whitesome
following text

When CSS is not in use, that displays as
.... the word "red"white some ...
so I think you should put a space before the tag.

Tony Vella · Nov 21, 2003

Jukka K. Korpela said:
If that "works", it's a browser bug. By CSS specifications, margin
properties do not apply to inline elements like span. (It is well known that
IE violates the specifications in this respect. Mozilla, Opera, etc. don't.)

Use padding-left instead.

When CSS is not in use, that displays as
... the word "red"white some ...
so I think you should put a space before the tag.

Thank you very much Yukka.
As per someone else's recommendation I have found a way out. I created a
transparent gif 10px high by 10px wide. I insert it wherever I need a space
and adjust the width. It's rather a simplistic way but works perfectly
every time. I am a stamp collector not a code writer, I'm afraid - I am
having a ball creating virtual albums of different stamp collections.
Example: http://members.rogers.com/tony.vella/mexico/index.html

Jukka K. Korpela · Nov 21, 2003

Tony Vella said:
As per someone else's recommendation I have found a way out. I created
a transparent gif 10px high by 10px wide. I insert it wherever I need a
space and adjust the width.

I wonder why you do it the hard and clumsy way when the simple and modern
way had been explained.

I am a stamp collector not a code writer,

Actually, it seems to me that you have done quite some unnecessary coding at

http://members.rogers.com/tony.vella/mexico/index.html

and the associated pages. And I cannot really see your original problem
there. If you had explained that you are using tables, and had illustrated
the situation with a URL, we might have addressed the real problems from the
start.

Getting extra blank rows from appending HTML..?	2	Oct 24, 2023
SVG not full width and space	0	Sep 15, 2023
How to represent a SPACE and a BLANK in HEX in C++?	6	Nov 21, 2013
How do I use Find and Loop in VBA for Excel to identify, delete, and insert blank row for values greater than 6?	0	Feb 28, 2022
Specify the link in HTML and target attribute	2	Feb 11, 2021
How can I remove the extra space marked in the image attached to my Email HTML template?	2	Feb 25, 2023
Digital Signature field form in PDF generated document from HTML	5	Nov 16, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022

inserting blank space in html

Tony Vella

William Tasso

Tony Vella

rf

Mark Parnell

Tony Vella

Tony Vella

rf

Sid Ismail

Tony Vella

Jukka K. Korpela

Tony Vella

Jukka K. Korpela

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads