|
Posted by Jonathan N. Little on November 21, 2007, 9:23 pm
Please log in for more thread options
cf wrote:
> let it be known on Wed, 21 Nov 2007 22:29:20 +0100
>
> |Why does this result in whitespace between the images?
> |
> | <div style="border-width: 0px; padding: 0px; margin: 0px;">
> | <img src="images/logo.gif" width="150" height="66"
> |alt="" />
> | </div>
> | <div style="border-width: 0px; padding: 0px; margin: 0px">
> | <img src="images/logo.gif" width="150" height="66"
> |alt="" />
> | </div>
> |Olav
> |
>
> Another try, test2.htm
> <http://www.cnswebs.net/stuff/olav/test2.htm>
>
> This one seems to work in FF2, IE7 and Opera9 by setting the height of the
containing divisions to the height of the images.
>
> Hopefully someone else may have a better solution for you as I don't like
setting the height of the divisions as it sometimes causes other problems making
the page break.
No need for the 2nd DIV
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>Simple</title>
<style type="text/css">
body { margin: 0; padding: 0; }
.stackem { margin: 0; padding: 0; }
.stackem img { display: block; }
</style>
</head>
<body>
<div class="stackem">
<img src="http://www.cnswebs.net/stuff/olav/logo1.gif" width="150"
height="66" alt="upper">
<img src="http://www.cnswebs.net/stuff/olav/logo2.gif" width="150"
height="66" alt="lower">
</div>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
| 
XML Sitemap