ditchweed
11-07-2012, 04:20 PM
hi guys
having a very frustrating problem currently building a new front page for an existing website, and having a strange problem there seems to be an extr bit of white space appearing on the right hand side inside my divs. have attached a picture of what it looks like in dreamweaver and the code is below.
any help appreciated.
thanks
11690
<body>
<div style="width:100%; margin:auto auto;">
<div style=" display:block; overflow-x:hidden;">
<img src="images/chillis.jpg" width="23%" style="padding:5px 5px; display: inline; margin-left:auto;border:0;" />
<img src="images/eggs.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/grapes.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/ham.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
</div>
<div style=" display:block; overflow-x:hidden; ">
<img src="images/rasp.jpg" width="23%" style="padding:5px 5px;display: inline; margin-left:auto; border:0;" />
<img src="images/logo2.jpg" width="46%" style="padding: 5px 10px;display: inline; border:0; " />
<img src="images/IMG_2740.jpg" width="23%" style="padding: 5px 5px; align:right; margin:0 0 0 3px; display: inline;border:0;" />
</div>
<div style="display:block; overflow-x:hidden;">
<img src="images/chillis.jpg" width="23%" style="padding:5px 5px; display: inline; margin-left:auto;border:0;" />
<img src="images/eggs.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/grapes.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/ham.jpg" width="23%" style="padding:5px 5px;display: inline; border:0;" />
</div>
</div>
having a very frustrating problem currently building a new front page for an existing website, and having a strange problem there seems to be an extr bit of white space appearing on the right hand side inside my divs. have attached a picture of what it looks like in dreamweaver and the code is below.
any help appreciated.
thanks
11690
<body>
<div style="width:100%; margin:auto auto;">
<div style=" display:block; overflow-x:hidden;">
<img src="images/chillis.jpg" width="23%" style="padding:5px 5px; display: inline; margin-left:auto;border:0;" />
<img src="images/eggs.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/grapes.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/ham.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
</div>
<div style=" display:block; overflow-x:hidden; ">
<img src="images/rasp.jpg" width="23%" style="padding:5px 5px;display: inline; margin-left:auto; border:0;" />
<img src="images/logo2.jpg" width="46%" style="padding: 5px 10px;display: inline; border:0; " />
<img src="images/IMG_2740.jpg" width="23%" style="padding: 5px 5px; align:right; margin:0 0 0 3px; display: inline;border:0;" />
</div>
<div style="display:block; overflow-x:hidden;">
<img src="images/chillis.jpg" width="23%" style="padding:5px 5px; display: inline; margin-left:auto;border:0;" />
<img src="images/eggs.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/grapes.jpg" width="23%" style="padding:5px 5px;display: inline;border:0;" />
<img src="images/ham.jpg" width="23%" style="padding:5px 5px;display: inline; border:0;" />
</div>
</div>