Re: Adjusting font of H1

On 17 May 2004 23:14:34 -0700, Chris McGarry <mcgarry (AT) paccorp (DOT) com> wrote:

Hello,

I am trying to use a heading tag in my pages but want to control the
look via a style sheet. I am new at CSS but here's what I have so far:
....
Now my problem is the height of the first row in the table... See what
happens... the cell looks like it takes the height of a standard h1
tag. Any way that anyone sees to shrink the height of the first row to
the font specified in the CSS?

I feel like I'm missing something easy here...

Only happens in IE. Add this to h1 style:

margin-bottom: 0;

Neal wrote:

On 17 May 2004 23:14:34 -0700, Chris McGarry <mcgarry (AT) paccorp (DOT) com> wrote:


Hello,

I am trying to use a heading tag in my pages but want to control the
look via a style sheet. I am new at CSS but here's what I have so far:

....

Now my problem is the height of the first row in the table... See what
happens... the cell looks like it takes the height of a standard h1
tag. Any way that anyone sees to shrink the height of the first row to
the font specified in the CSS?

I feel like I'm missing something easy here...


Only happens in IE. Add this to h1 style:

margin-bottom: 0;

And use em or percent for the font-size, for readability. Some IE
users may think the 12pt is to small and pt is for print.

--
/Arne

Arne <arne.luras (AT) telia (DOT) com> wrote

Neal wrote:

On 17 May 2004 23:14:34 -0700, Chris McGarry <mcgarry (AT) paccorp (DOT) com> wrote:


Hello,

I am trying to use a heading tag in my pages but want to control the
look via a style sheet. I am new at CSS but here's what I have so far:

....

Now my problem is the height of the first row in the table... See what
happens... the cell looks like it takes the height of a standard h1
tag. Any way that anyone sees to shrink the height of the first row to
the font specified in the CSS?

I feel like I'm missing something easy here...


Only happens in IE. Add this to h1 style:

margin-bottom: 0;

And use em or percent for the font-size, for readability. Some IE
users may think the 12pt is to small and pt is for print.

Nice! Thanks Neal and Arne that did the trick. One additional
question: Netscape 4 still behaves that way. I'm assuming
margin-bottom is not compatible with NS4. Is that the case? This is
not a deal killer because I think NS4 is dying but it would be nice to
have it look uniform.

Thanks,
Chris

Chris McGarry <mcgarry (AT) paccorp (DOT) com> wrote:

Nice! Thanks Neal and Arne that did the trick. One additional
question: Netscape 4 still behaves that way. I'm assuming
margin-bottom is not compatible with NS4. Is that the case?

When it first came out, NN 4's CSS support wasn't too bad. It was certainly
a huge improvement over MSIE 3's CSS support. But that was 7 years ago.

Just hide all your CSS from NN 4, and let it view your site as a
CSS-unaware browser would. See
http://w3development.de/css/hide_css_from_browsers/
--
Darin McGrew, mcgrew (AT) stanfordalumni (DOT) org, http://www.rahul.net/mcgrew/
Web Design Group, darin (AT) htmlhelp (DOT) com, http://www.HTMLHelp.com/

"Men build too many walls and not enough bridges." - Sir Isaac Newton

Darin McGrew <mcgrew (AT) stanfordalumni (DOT) org> wrote

Chris McGarry <mcgarry (AT) paccorp (DOT) com> wrote:
Nice! Thanks Neal and Arne that did the trick. One additional
question: Netscape 4 still behaves that way. I'm assuming
margin-bottom is not compatible with NS4. Is that the case?

When it first came out, NN 4's CSS support wasn't too bad. It was certainly
a huge improvement over MSIE 3's CSS support. But that was 7 years ago.

Just hide all your CSS from NN 4, and let it view your site as a
CSS-unaware browser would. See
http://w3development.de/css/hide_css_from_browsers/

Hi Darin,

Yeah I probably will just hide it like you say. Good idea and thanks!

Chris