H1 H2 huge Space?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have looked everywhere, but apparently have missed where I can adjust the
distance between the H1, H2 titles and my text. Right now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
 
Sure. Here's how to do it from the Design view. Then, go look at the Code
view and see how it was accomplished. There'll be a <style> statement in the
<head> area. You can just put that into any page where you want to make this
modification. If you're going to need it often, look up how to create a
code snippet and you can insert the style statement with one click.

Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play around until
you get what you want.

When you go back to do the same thing for h2, you may not see anything but
h1 in the selection box. Click below the box, and bring up HTML Tags to see
h2 again.
 
Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


Susie said:
I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...
Click to expand...

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
 
That works! Thank you! :)
Susie

Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the Code
view and see how it was accomplished. There'll be a <style> statement in the
<head> area. You can just put that into any page where you want to make this
modification. If you're going to need it often, look up how to create a
code snippet and you can insert the style statement with one click.

Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play around until
you get what you want.

When you go back to do the same thing for h2, you may not see anything but
h1 in the selection box. Click below the box, and bring up HTML Tags to see
h2 again.


Susie said:
I have looked everywhere, but apparently have missed where I can adjust the
distance between the H1, H2 titles and my text. Right now its just too
much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...
Click to expand...
 
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will be
pleased, lots of direction links, and your site map:)

Susie

Trevor L. said:
Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


Susie said:
I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...
Click to expand...

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
 
Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you
will be pleased, lots of direction links, and your site map:)

Susie
Click to expand...

Wow, that's exactly what I expected it to do (the <style> insertion, that is) <bg>

But I found my error. If anyone else is reading this and wants to know, the style tag is:
<style type="text/css">
NOT
<style type="text.css">

A slip of the finger, but that's no excuse - I should have noticed (icon here for "hangs head in shame")

Susie,
I will be pleased to see your new site, and not just because you used some ideas that I threw in, but to see your success.
 
<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

will fail in Firefox and Netscape.

Change it to:
<style type="text/css">
h2 { margin-bottom: -1px }
</style>
</head>
<body>

The measurement unit is important, though {margin-bottom: 0;} is
acceptable.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/

Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will
be
pleased, lots of direction links, and your site map:)

Susie

Trevor L. said:
Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding
style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
Click to expand...
 
That's invalid - it cannot work. All values much have units, except for
zero, which is ... well zero anything.

--
Murray
--------------
MVP FrontPage


Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will
be
pleased, lots of direction links, and your site map:)

Susie

Trevor L. said:
Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding
style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
Click to expand...
 
Trevor:

Try h1 { margin:3px; }

or h1 { margin:0; }

so that both top and bottom margins are affected.

I eschew anything with negative margins.

--
Murray
--------------
MVP FrontPage


Trevor L. said:
Thor said:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


Susie said:
I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie
Click to expand...
Click to expand...

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding style=""
to an element is the same as adding the same style to it in the <style>
tag, isn't it ??
Click to expand...
 
"All values much..." ==> "All values MUST..."

--
Murray
--------------
MVP FrontPage


Murray said:
That's invalid - it cannot work. All values much have units, except for
zero, which is ... well zero anything.

--
Murray
--------------
MVP FrontPage


Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will
be
pleased, lots of direction links, and your site map:)

Susie

Trevor L. said:
Thor wrote:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding
style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
Click to expand...
Click to expand...
 
Strange. It works for me in IE6, FireFox and Netscape.

Not that I advocate writing measures without units. I accidentally failed
to specify the
units in my post.

SUSIE: When you modify the h1 style, in "Space After" enter "-15px"

On using negative units: I can understand one's reluctance to use them, but
Thomas Powell's "HTML: The Complete Reference" has no such compunctions. He
offers several examples, only warning that overdoing it can result in some
pretty funny-looking text. It is an accepted way, for example, to create
hanging paragraphs, by using a negative value for text-indent. An example
can be found in "Cascading Style Sheets: The Definitive Guide," by Eric
Meyer.

If I were writing the HTML, I'd simply set the margin to what I want, as
someone else has suggested. But if you would rather stay in FP, that's not
an option.



Ronx said:
<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

will fail in Firefox and Netscape.

Change it to:
<style type="text/css">
h2 { margin-bottom: -1px }
</style>
</head>
<body>

The measurement unit is important, though {margin-bottom: 0;} is
acceptable.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/

Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will
be
pleased, lots of direction links, and your site map:)

Susie

Trevor L. said:
Thor wrote:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer together?
Thanks,
Susie

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding
style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
Click to expand...
Click to expand...
 
Strange. It works for me in IE6, FireFox and Netscape.

You may think it's working but I assure you it's not. Try making it have
margin-bottom:200; and you'll see.

--
Murray
--------------
MVP FrontPage


Thor said:
Strange. It works for me in IE6, FireFox and Netscape.

Not that I advocate writing measures without units. I accidentally failed
to specify the
units in my post.

SUSIE: When you modify the h1 style, in "Space After" enter "-15px"

On using negative units: I can understand one's reluctance to use them,
but
Thomas Powell's "HTML: The Complete Reference" has no such compunctions.
He
offers several examples, only warning that overdoing it can result in some
pretty funny-looking text. It is an accepted way, for example, to create
hanging paragraphs, by using a negative value for text-indent. An example
can be found in "Cascading Style Sheets: The Definitive Guide," by Eric
Meyer.

If I were writing the HTML, I'd simply set the margin to what I want, as
someone else has suggested. But if you would rather stay in FP, that's
not
an option.



Ronx said:
<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

will fail in Firefox and Netscape.

Change it to:
<style type="text/css">
h2 { margin-bottom: -1px }
</style>
</head>
<body>

The measurement unit is important, though {margin-bottom: 0;} is
acceptable.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/

Susie said:
Hi Trevor, it automatically inerted this into my page

<style>
h2 { margin-bottom: -1 }
</style>
</head>
<body>

and it works for all my h2's.

Btw, I will be publishing my new css pages any day now, I think you will
be
pleased, lots of direction links, and your site map:)

Susie

:

Thor wrote:
Sure. Here's how to do it from the Design view. Then, go look at the
Code view and see how it was accomplished. There'll be a <style>
statement in the <head> area. You can just put that into any page
where you want to make this modification. If you're going to need it
often, look up how to create a code snippet and you can insert the
style statement with one click.
Click Format/Style
Select h1
Click [Modify] / [Format] / Paragraph
Go to Spacing After and insert a negative number. Try -10. Play
around until you get what you want.

When you go back to do the same thing for h2, you may not see
anything but h1 in the selection box. Click below the box, and bring
up HTML Tags to see h2 again.


I have looked everywhere, but apparently have missed where I can
adjust the distance between the H1, H2 titles and my text. Right
now its just too much.
Is there a way to get the text and the H1, H2 titles closer
together?
Thanks,
Susie

I am not the OP, but some comments.

I tried this and it generated (for an h4)
<h4 style="margin-bottom:0;">My heading</h4>

This worked fine,so I thought I'll be clever and set a general style
for
all <h4> tags

So I deleted the style and added this before <body>
<style type="text.css">
h4 {margin-bottom:0;}
</style>
</head>
<body>

It did NOT work.

Now I am mysftied.
I thought I knew CSS a little better than this. After all, adding
style="" to an element is the same as adding the same style to it
in the <style> tag, isn't it ??
Click to expand...
Click to expand...
Click to expand...
 
Murray said:
Trevor:

Try h1 { margin:3px; }

or h1 { margin:0; }

so that both top and bottom margins are affected.

I eschew anything with negative margins.
Click to expand...

Murray,
Actually, I did use { margin:0; } on the page that I wanted to fix. I am not sure what Susie has decided

But I note that many of the previous posts here say that negative values are acceptable. I have used them on occassion with good
results.
 
I still avoid them. Personal style....

I have found that anything other than extremely selective use of negative
margins can lead to trouble.

--
Murray
--------------
MVP FrontPage


Trevor L. said:
Murray said:
Trevor:

Try h1 { margin:3px; }

or h1 { margin:0; }

so that both top and bottom margins are affected.

I eschew anything with negative margins.
Click to expand...

Murray,
Actually, I did use { margin:0; } on the page that I wanted to fix. I am
not sure what Susie has decided

But I note that many of the previous posts here say that negative values
are acceptable. I have used them on occassion with good results.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
Click to expand...
 
Back
Top