Re: Abut inline graphics -- how?

Chris Spurgeon (ces@whyy.org)
Tue, 7 May 1996 14:47:49 -0400 (EDT)


Date: Tue, 7 May 1996 14:47:49 -0400 (EDT)
From: Chris Spurgeon <ces@whyy.org>
To: Christopher Russell <crussell@san-jose.ate.slb.com>
Cc: www-html@w3.org
Subject: Re: Abut inline graphics -- how?
In-Reply-To: <9605071815.AA17903@San-Jose.ate.slb.com>
Message-Id: <Pine.BSD/.3.91.960507143750.12804A-100000@whyy.org>



On Tue, 7 May 1996, Christopher Russell wrote:

> I would like multiple inline graphics to show up touching 
> each other -- i.e. no space inbetween the graphics.
> 
> Here is my latest attempt:
> 
> <!DOCTYPE HTML SYSTEM "html.dtd">
> <HTML><HEAD><TITLE>This is a test</TITLE></HEAD>
> <BODY><P>
> <IMG SRC="test.gif" border=0 vspace=0 hspace=0>
> <IMG SRC="test.gif" border=0 vspace=0 hspace=0>
> </P></BODY></HTML>
> 
Here's what's happening...

When you put the html for each graphic on a seperate line, your browser 
is reading the end of line as a space and inserting it.  To fake out your 
browser, write your code so that the end of the first image tag and the 
beginning of the next are both on the same line.  Something like this 
should work (you shouldn't need the border attribute unless the image is 
also a link anchor, and you can leave out the vspace and hspace too).....


<!DOCTYPE HTML SYSTEM "html.dtd">
<HTML><HEAD><TITLE>This is a test</TITLE></HEAD>
<BODY><P>
<IMG SRC="test.gif"><IMG SRC="test.gif"><IMG SRC="test.gif"><IMG 
SRC="test.gif"><IMG SRC="test.gif"><IMG SRC="test.gif">
</P></BODY></HTML>


Catch how I spilt the 4th image tag so it straddles two lines.  Give that 
a try.

Chris Spurgeon
WHYY webmaster