Getting rid of gaps under images

09/07/08

Permalink 01:20:55 pm, by Kieren Email , 61 words, 104 views English (GB)
Categories: Computing, Programming, HTML

Getting rid of gaps under images

As images are inline a small gap will appear around them relative to other CSS objects.

For instance, if you want to display an image at the bottom of a div element then there will be a gap between the bottom of the image and the border of the div.

You can stop this behavior using the CSS code:

Code:

display: block;

Trackback address for this post:

This is a captcha-picture. It is used to prevent mass-access by robots.
Please enter the characters from the image above. (case insensitive)

Comments, Trackbacks, Pingbacks:

No Comments/Trackbacks/Pingbacks for this post yet...

Leave a comment:

Your email address will not be displayed on this site.
Your URL will be displayed.

Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>
(Line breaks become <br />)
(Set cookies for name, email and url)
(Allow users to contact you through a message form (your email will NOT be displayed.))
This is a captcha-picture. It is used to prevent mass-access by robots.
Please enter the characters from the image above. (case insensitive)

November 2008
Mon Tue Wed Thu Fri Sat Sun
 << <   > >>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Search

Categories

KBlog

XML Feeds

What is RSS?

Misc

b2evolution