Forum Moderators: not2easy

Message Too Old, No Replies

Changing spaces between lines of text

         

Gordon2004

7:57 pm on Dec 3, 2003 (gmt 0)

10+ Year Member



Hey all,

I'm using CSS to alter my h1's colour and size which works fine. But I also want to remove the extra blank line left under the heading. Is there anyway to do this?

Thanks

DrDoc

8:19 pm on Dec 3, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The "blank line" is a margin. You will have to set the bottom margin to zero on the heading, and the top margin on the paragraph immediately following the heading to zero as well.

pageoneresults

8:19 pm on Dec 3, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hello Gordon2004. There are a few different ways to do this. I guess the most popular would be...

h1 {
margin-bottom:0;
}

You could also do this...

h1 {
display:inline;
}

Gordon2004

8:22 pm on Dec 3, 2003 (gmt 0)

10+ Year Member



Aahh... much better.

I only had toset the bottom margin to 0 (bottom-margin: 0px; for anyone who this might help).

Thanks DrDoc!

Gordon2004

8:24 pm on Dec 3, 2003 (gmt 0)

10+ Year Member



hehe - pageon: your reply only appeared when the screen refreshed with my posted reply.

But thanks anyway, I'm slowly learning my CSS!

DrDoc

8:27 pm on Dec 3, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



bottom-margin: 0px;

Well, it's actually the other way around ;)

margin-bottom: 0;