PDA

View Full Version : gap between images!!


jamiew23
06-02-2009, 10:42 AM
I want these two images so that one is on top and the other is joined at the bottom.

I have placed the images in and there is a gap between them. How to i get rid of the gap.

Here's the code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
</head>
<style type="text/css">
.box{

width: 990px;
}
</style>
<body background="images/texture.gif">
<center>
<div class="box" align="left">
<p>&nbsp;</p>
<p><img src="images/top.png" width="990" height="126" hspace="0" vspace="0" border="0" /></p>
<p><img src="images/middle.png" alt="" width="990" height="309" hspace="0" vspace="0" border="0" /></p>
</div></center>
</body>
</html>

coloeagle
06-02-2009, 10:48 AM
You have the two images inside separate paragraphs. Try placing them inside one and use the br tag between them.

jamiew23
06-02-2009, 03:33 PM
i put them both together and the gap isn't so big any more its a very fine line between them both but they are still not together.

Here is my newly updated code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
</head>
<style type="text/css">
.box{

width: 990px;
}
</style>
<body background="images/texture.gif">
<center>
<div class="box" align="left">
<center>
<div class="box1" align="left">
<p>&nbsp;</p>
<p><img src="images/top.png" alt="" width="990" height="126" hspace="0" vspace="0" border="0" /><img src="images/middle.png" alt="" width="990" height="309" hspace="0" vspace="0" border="0" /></p>

</div>
</center>
</div></center>
</body>
</html>

coloeagle
06-02-2009, 03:59 PM
Do the images have any kind of border on them?
To clarify, not the style border but a border as part of the image.

jamiew23
06-02-2009, 04:49 PM
Ah i see what i did wrong I had a tiny gap on one of the pictures. Thank you so much for your help