image leaves gap at bottom

Have you ensured that both the containing box AND the image have no margin and padding set for the particular side you want the image stuck against?

#box img { margin-bottom: 0; padding-bottom: 0; }

?? That's just off the top of my head of course given the small amount of code availabe

John

yes i did...

Images are inline elements. By default they line up with the text baseline - or where the text baseline would be if there was text. Think, gpqy!

What does
"think, gpqy!" mean?

And, so there's no way to let the gap dissapear??

I'll let you work out what is special about gpqy - especially in the light of what I said above.

Inline elements are lined up according to the vertical-align property. You can also change the image so its not an inline element.

Ok, adding

img{ display:block; }

works.
So problem solved.

But I still don't know what gpqy means...

what if I added 'j' to the mix?

Nope.

Ever watched Beavis & Butthead?

When they have to think, Butthead gets a lightbulb, no idea, and Beavis doesnt even get a lightbulb.

Thats how I feel with this one.

Does English have to be your mothertongue? Because it isn't mine or doesn't it matter.

I must confess, it's confusing me too! And if you add J to the mix, then it's only 4 letters short of being a decent round in Countdown. Your going to have to put us out of our respective miseries

There's your answer. Images by default align with the text baseline. Certain characters in a font extend below the baseline - gjpqy. That space being reserved is what you're experiencing. You could either make the image not inline (as you've already done) - or, set the image to vertical-align: bottom instead of it's default baseline.

OHHHHH!! The stupid thing is yesterday I spent ages trying to figure it out and succeeded, then it clocked and I realised in my head what you were trying to say. Sure enough, come in to work this morning, pick up that message and have no clue what it means. Just goes to show what one glass to many of wine can do to your brain cells!

I just filed for the official retard exam

Are they called "descenders", or did I make that up?

I call them descenders. If we get a third, we can probably get the meaning into the OED

Speaking of which, Balderdash & Piffle is on tonight at 10

funniest thread I've read in ages.

So are we all clear on this then? think, if there wasn't a baseline (it exists in general not just in web ) and a space reserved for the dangley bits then text would sit at irregular levels and that would be really really difficult to read.

I can't third the 'descenders' I call them dangley bits, oh er hang on no that's something else yeah lets go with descenders.

I looked it up on Wikipedia, that is what they're called - along with ascenders, x-height, leading, kerning, tracking, all that jazz

ah the language of the typographers arcane art.

I used to pass by a little church tucked away in an alley behind Fleet ST in the City of London, just so happened this tiny little church was where the first printing press was employed, just thought I'd throw that in for no particular reason