755 posts
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 500 and 999 users
  • Sold between 100 000 and 250 000 dollars
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

1031 posts
  • Sold between 100 000 and 250 000 dollars
  • Elite Author
  • France
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Contributed a Tutorial to a Tuts+ Site
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+4 more
Pixelworkshop says

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

755 posts
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 500 and 999 users
  • Sold between 100 000 and 250 000 dollars
skyplugins says
Hi, it happened to me with IE, a float:left fixed it

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

4305 posts ThemeForest Reviewer
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Venezuela
  • Has been a member for 5-6 years
  • Envato Studio (Microlancer) Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
+9 more
Ivor Reviewer says

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

174 posts
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
nedalm1 says

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

415 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 5-6 years
  • Exclusive Author
  • Grew a moustache for the Envato Movember competition
  • Bought between 10 and 49 items
  • Referred between 10 and 49 users
  • Portugal
unisphere says

Check if your p tags have margin or padding top

755 posts
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 500 and 999 users
  • Sold between 100 000 and 250 000 dollars
skyplugins says

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

415 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 5-6 years
  • Exclusive Author
  • Grew a moustache for the Envato Movember competition
  • Bought between 10 and 49 items
  • Referred between 10 and 49 users
  • Portugal
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;
}
4305 posts ThemeForest Reviewer
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Venezuela
  • Has been a member for 5-6 years
  • Envato Studio (Microlancer) Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
+9 more
Ivor Reviewer 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

1179 posts
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Has been a member for 6-7 years
mabuc says

you can put margins in your image divs.

by
by
by
by
by
by