Images display with spurious top and bottom margins

[OfficeAnimal]

I have a block which displays a GIF which is 14px by 14px.
The image appears with a 2px gap above and below.
Margins, borders, and padding are set to none, 0, and 0 respectively.

What else could cause this?

 

[Vragabond]

Spaces. Images are inline elements, so usually they appear in the middle of the text. Try making the image a block (add display: block; to its css) and see if that takes the gaps away.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[BillyRayPreachersSon]

Errors in your CSS could also cause the reset styles to be ignored.

Make sure your CSS and HTML both validate.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[OfficeAnimal]

Vragabond has it. Displaying the images as a block solved the problem.

Thanks folks