ansaurus

Question

How to remove the margin between two images ?

Answer 1

+2 A:

<style type="text/css">
img {margin:0; float: left;}
</style>

o.k.w 2009-10-29 14:11:18

Answer 2

A:

You forgot the padding.

mouviciel 2009-10-29 14:12:50

This is a comment, not an answer.

Mike 2009-10-29 14:14:00

Answer 3

+8 A:

You can eliminate the css for the image and put the image tags on the same line with no space.

<img src="/static/btnNext.gif" border="0" /><img src="/static/btnSave.gif" border="0" />

jeerose 2009-10-29 14:14:30

+1 this is the correct answer in this case as it produces no side-effects (what `float:left` and `display:block` do).

Török Gábor 2009-10-29 14:27:21

@jeerose +1, thanks! @Mak: on FF 3.6 and Safari using DOCTYPE your example works perfectly and new lines between images are IGNORED! An exception (as usual) is obvioulsy IE7 (did not try IE8) that show this strange behaviour, and the only workaround seem to be the one suggested by jeerose.

Marco Demajo 2010-03-09 18:27:47

Answer 4

A:

this css should stick the images close to eachother without any space, linebreaks or borders between the images...

<style type="text/css">
img {margin:0px; padding: 0px; float: left;border:0px}
</style>

QuBaR 2009-10-29 14:16:31

Answer 5

A:

I would suggest to put each image in a individual div having style float:left. These 2 divs should be enclosed within a parent div which itself is float: left like,

<div style="float:left">
<div style="float:left">
<img src="/static/btnNext.gif" border="0" />
</div>
<div style="float:left">
<img src="/static/btnSave.gif" border="0" />
</div>
</div>

Justin 2009-10-29 14:20:06

ansaurus

tags:

views:

answers:

How to remove the margin between two images ?

related questions