I have placed 2 images side by side in a div besides input box "Search by Contact". In the browser I find there is a gap between the 2nd image(Button T) and the one on its left. I am unable to remove the gap. Any help is highly appreciated. Here is the link to the html page:
Space between button T and the one on its left.
views:
100answers:
2
+3
A:
There is white space between the images in the HTML code and since images are in-line elements (similar to text), there will be white space on the rendered page.
RoToRa
2010-04-26 15:53:21
I do not see the white space in the source...
mjboggess
2010-04-26 15:58:08
There is a line break and a line break is white space.
RoToRa
2010-04-26 16:01:27
To add to the explanation: white space is collapsed into a single space by default - for all content except content inside a `pre` tag.
ANeves
2010-04-26 16:05:51
A:
Trying setting the style on your links to have margin-right:0px, e.g.
<a href="#" style="margin-right: 0px"><img ... ></a>
(It would of course be preferable to do this using a CSS class...)
brahn
2010-04-26 15:54:34