Welcome to WebmasterWorld Guest from 23.21.38.201

Forum Moderators: incrediBILL

Spacing with <p> <H1> etc

Cant get rid of space it inserts..ideas??

   
11:35 am on Mar 21, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I often re-define HTML tags such as P TD etc which usually works great. But I've always noticed that extra space is inserted so that large gaps appear between one line and the next.

I can get around this by putting the tags in cells but would like to avoid this, i have tried playing around with line heights etc in the CSS but cant seem to get anywhere.

Can this be changed or is it just the way the browser interprets the tags?

11:57 am on Mar 21, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



knighty,

I know there is a fix for this -- I've seen an entire page devoted to the issues. I thought I bookmarked it, but it eludes me for now.

I'll do some more searching later, and in the meanwhile, maybe someone has the answer for you.

2:27 pm on Mar 21, 2001 (gmt 0)

10+ Year Member



I know that I can remove the bottom spacing by using this css attribute:

{margin-bottom: 0em}

However, this only works in IE, so I'd like to hear about a Netscape solution...

11:48 pm on Mar 22, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I've been looking for this page on and off for a few days. I thought I found it this afternoon, but now as I explore the site, I'm beginning to think I was wrong.

Nevertheless, this is a pretty good site to check into for practical guidance in CSS (as opposed to "theoretical purity" -- look to the W3C for that.)

The CSS Pointers Group [css.nu]

In the mean time, I'll keep looking -- I know it was out out there, and it would be so very useful at times to get rid of that whitespace around an H tag.

9:05 am on Mar 23, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks Tedster

Hope you find that pot of gold ;)

8:36 am on Mar 24, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Well, no pot of gold so far, but for anyone who is playing along with the home version, I did find two really incredible tutorials on WebReference.com

The first tutorial is the theory of box properties in CSS (box properties are the issue we are wrestling with.)

Theory Tutorial [webreference.com] - 6 pages

The second is the practical side, the separate tutorial made necessary by the lousy support for CSS1 in Netscape 4 and Explorer 4,5

Practical Tutorial [webreference.com] - 8 pages

With all that wonderful information, I now understand a lot more about CSS than ever before -- and I still can't make Netscape zero out that bottom margin (or border or padding or whatever it is) on H tags.

12:42 pm on Mar 24, 2001 (gmt 0)

10+ Year Member



The news here isn't terribly good. RichInStyle has a list of which elements NN4 gives extra padding to, and indicates that the only workaround is to use browser sniffing and negative margins. I haven't seen any other workarounds elsewhere.

The details are here:

[richinstyle.com...]

1:57 pm on Mar 24, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member




OK, thanks guys I thought as much I was just hoping for some deeply hidden secret that I had yet to discover ;)
5:03 pm on Oct 3, 2001 (gmt 0)



I am putting this here because I have this discussion flagged and there *is* an answer to this (or at least the <H> tag space) in another discussion.

I about went crazy looking for it.

Here it is:
[webmasterworld.com...]

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month