Stylesheets - Space between images

Author

Space between images

Aaron

2004-06-24, 11:16 pm

Hi,

I have some simple code...2 images inside a div. When previewing this
code, there appears to be a small space between the images. I've tried
adjusting the margins and the padding of the images with inline styles,
but neither of these work. I've encountered this problem before...I just
forgot how I went about it last time. Could someone out there remind me?

<div id="house">
<img src="images/house_01.jpg" alt="">
<img src="images/house_02.jpg" alt="">
</div>

Thanks,
Aaron

Knud Gert Ellentoft

2004-06-24, 11:16 pm

Aaron skrev:

>I have some simple code...2 images inside a div. When previewing this
>code, there appears to be a small space between the images. I've tried
>adjusting the margins and the padding of the images with inline styles,
>but neither of these work. I've encountered this problem before...I just
>forgot how I went about it last time. Could someone out there remind me?
>
><div id="house">
><img src="images/house_01.jpg" alt="">
><img src="images/house_02.jpg" alt="">
></div>

The easiest way is toset it as a one liner code

<div id="house">
<img src="images,,,><img src="images...>
</div>
--
Knud

Jan Roland Eriksson

2004-06-25, 4:15 am

On Thu, 24 Jun 2004 16:19:45 -0700, Aaron <agchandler@comcast.not>
wrote:

What you really have is as follows...

><div id="house">CR-LF
><img src="images/house_01.jpg" alt="">CR-LF
><img src="images/house_02.jpg" alt="">CR-LF
></div>

Get rid of the CR-LF's from your content and you may get what you want.

Suggestion...

<div id="house"
><img src="images/house_01.jpg" alt=""
><img src="images/house_02.jpg" alt=""
></div
>

Roderik

2005-05-20, 4:21 am

Roderik wrote:
>
> At: http://www.vrijgezellenfeest.nl/
> Above google you see some small banners. In firefox and internet
> explorer the banners break to a new line when there is no space for
> another one.
> In firefox the position of the banners that do fit on the first line of
> banners keeps the same, in internet explorer the space that is left on
> the line appears to be distributed between the images of the banners.
> The distribution should not happen, what do I need to change in the CSS
> to accomplish no (re)distribution?

I accidentaly found out what the problem was. Actually Firefox rendered
it wrong in my opinion (which is most often not the case). The text
alignment was set to justify which was desired to be left.

Gus Richter

2005-05-22, 7:35 am

Roderik wrote:
> Roderik wrote:
>
>
>
> I accidentaly found out what the problem was. Actually Firefox rendered
> it wrong in my opinion (which is most often not the case). The text
> alignment was set to justify which was desired to be left.

Yes, it's a long outstanding bug.
https://bugzilla.mozilla.org/show_bug.cgi?id=182649

--
Gus

Gus Richter

2005-05-24, 7:46 pm