755 posts
  • 6 Years of Membership
  • Affiliate Level 6
  • Author Level 7
  • Collector Level 1
+6 more
skyplugins
says

Hi Guys,

I’ve been trying to figure out how to remove the extra spacing css line-height property causing. If you look at the image below, you can see the extra space at the top of the text block. There is no extra spacing when I set the line-height to 0, so this is obviously related with the css line-height property. Anyone knows how to fix this issue properly?

Sample image

1045 posts
  • Trendsetter
  • Author Level 8
  • Elite Author
  • Top Monthly Author
+12 more
Pixelworkshop
says

Hi, it happened to me with IE, a float:left fixed it

755 posts
  • 6 Years of Membership
  • Affiliate Level 6
  • Author Level 7
  • Collector Level 1
+6 more
skyplugins
says
Hi, it happened to me with IE, a float:left fixed it

Just tried float: left but it didn’t work.

4483 posts ThemeForest Senior Reviewer
  • Affiliate Level 1
  • Author Level 6
  • Collector Level 3
  • Envato Team
+14 more
Ivor
Envato team
says

Give us a link :) which browser is giving you the problem? all the browsers?

174 posts
  • 6 Years of Membership
  • Affiliate Level 1
  • Bundle Boss
  • Collector Level 1
+3 more
nedalm1
says

Can you provide a live demo? It will be much easier to help you then. :)

415 posts
  • Affiliate Level 2
  • Author Level 9
  • Collector Level 2
  • Top Monthly Author
+7 more
unisphere
says

Check if your p tags have margin or padding top

755 posts
  • 6 Years of Membership
  • Affiliate Level 6
  • Author Level 7
  • Collector Level 1
+6 more
skyplugins
says

Alright guys, here is the link as requested http://www.flashyfiles.com/test/test.html

415 posts
  • Affiliate Level 2
  • Author Level 9
  • Collector Level 2
  • Top Monthly Author
+7 more
unisphere
says

It’s a bit of a hack but try this in your css:

.preview_text p {
font-size:12px;
line-height:23px;
margin-bottom:20px;
margin-top:-7px;
}
4483 posts ThemeForest Senior Reviewer
  • Affiliate Level 1
  • Author Level 6
  • Collector Level 3
  • Envato Team
+14 more
Ivor
Envato team
says
It’s a bit of a hack but try this in your css:
.preview_text p {
font-size:12px;
line-height:23px;
margin-bottom:20px;
margin-top:-7px;
}

I thought that too, giving a margin-top:-5px but is not correct it can mess up things later, I think that the best solution here is to add padding to your image.

.post_image img {padding:5px;}

that’s how line-height works, so is not a bug or something similar – http://grab.by/38To

1180 posts
  • Affiliate Level 5
  • Author Level 5
  • Collector Level 2
  • Exclusive Author
+2 more
mabuc
says

you can put margins in your image divs.

by
by
by
by
by
by