Mukhbir

 
  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • green color
  • blue color

Images give gap when shown in ie ( 6 / 7 )

E-mail Print PDF
Some times when we view images in internet explorer ( 6 / 7 ) the images behave in an odd way, like having spaces between them which shouldn't be there and are not visible on other browsers too.

The work around it includes:

1. make sure that your code dont have any line breaks in between.

2. Add this to your css:

img {

border: 0; /*this is to remove the border from the images */

display: block /* this removes the spaces */

}

Please note, that the part: display : block; can cause problem with your image display and make it even worse, in that case, dont use this, instead, the issue is then often solvable through:

-> make sure that there are no spaces before and after the image.

Like change this:

<span>some text</span>

<img src="/link" alt="" />

<span>some more text</span>

to:

<span>some text</span><img src="/link" alt="" /><span>some more text</span>

Hope it solves your issue.

Comments (0)Add Comment
Write comment
 
  smaller | bigger
 

busy