Need help with image manipulation:
Check out these Images
I designed an item in fireworks but I'm having trouble making adjustments in dreamweaver. This is not a school assignment, just a personal project. The first image shows how it should look, while the second image depicts the issue I'm facing. I've spent hours attempting to resolve it, but seem to be stuck. Help!
CSS:
#header {
width:750px;
height:341px;
margin-left:25px;
display:block;
}
#tableleft {
clear: right;
float: left;
width: 128px;
margin-left:10px;
margin-right: 5px;
margin-top:10px;
}
#tablecenter {
margin-left:165px;
clear: both;
float: left;
width: 410px;
margin-bottom:5px;
}
#tableright {
clear: left;
float: left;
width: 128px;
margin-left: 600px;
margin-right:10px;
margin-top:10px;
}
HTML:
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
</div>
</div>