I have this Title code:
.Title {font-family: Impact; font-size: 50px; color:#efd002; font: bold;}
and it gives me extra space from top and bottom. how I can get rid of that space?
Thanks!Try
adding-top: 0;
padding-bottom: 0;Or:margin-top: 0;
margin-bottom: 0;That might do the trick.
what can it be?What element are you applying the class to?
Try:
padding: 0;
margin: 0;
Then set the left/right margin/padding to your preference if 0 isn't to your liking.This didn't work as well:
.Title {font-family: Impact; font-size: 50px; color:#efd002; font: bold; padding: 0; margin: 0;}
.SubTitle {font-family: Impact; font-size: 30px; color:#efd002; font: bold; padding: 0; margin: 0;
Here's the link:
<!-- m --><a class="postlink" href="http://www.pomabooks.com/books.asp">http://www.pomabooks.com/books.asp</a><!-- m -->
Check out the yellow titles:
POMA
Rare books & fine art
Weird...What space are you trying to get rid of? You are using the <span> element which has no default margin or padding applied, so any space above/below/between is the line height (spacing between lines).If you'll mark the "POMA" woed with the mouse you'll see some space at the top and the bottom.
Th photos on the left are in the same line as the word "POMA" (since it's in a table) and I want to get'em both on the same line. right now, the photos on the left are a bit higher.
They both aligned to the top of the TD.In Firebird (I can’t check this in any other browser [well, I can, but I’m too lazy]) applying this CSS rule (line-height: 90% to your .Title class will get the top of “POMA†to line up with the top of the page...The 'extra space' is quite normal and is required for character accents and cedilla etc.
.Title {font-family: Impact; font-size: 50px; color:#efd002; font: bold;}
and it gives me extra space from top and bottom. how I can get rid of that space?
Thanks!Try
adding-top: 0;padding-bottom: 0;Or:margin-top: 0;
margin-bottom: 0;That might do the trick.
what can it be?What element are you applying the class to?Try:
padding: 0;
margin: 0;
Then set the left/right margin/padding to your preference if 0 isn't to your liking.This didn't work as well:
.Title {font-family: Impact; font-size: 50px; color:#efd002; font: bold; padding: 0; margin: 0;}
.SubTitle {font-family: Impact; font-size: 30px; color:#efd002; font: bold; padding: 0; margin: 0;
Here's the link:
<!-- m --><a class="postlink" href="http://www.pomabooks.com/books.asp">http://www.pomabooks.com/books.asp</a><!-- m -->
Check out the yellow titles:
POMA
Rare books & fine art
Weird...What space are you trying to get rid of? You are using the <span> element which has no default margin or padding applied, so any space above/below/between is the line height (spacing between lines).If you'll mark the "POMA" woed with the mouse you'll see some space at the top and the bottom.
Th photos on the left are in the same line as the word "POMA" (since it's in a table) and I want to get'em both on the same line. right now, the photos on the left are a bit higher.
They both aligned to the top of the TD.In Firebird (I can’t check this in any other browser [well, I can, but I’m too lazy]) applying this CSS rule (line-height: 90%
to your .Title class will get the top of “POMA†to line up with the top of the page...The 'extra space' is quite normal and is required for character accents and cedilla etc.