Problem In image Next to image HTML

[heroes888]

i have two column with two image, the image in column two can not appears good such as in the column one. i mean position of the image, go middle.i use align left for the image in column one. and the other problem is the text in column one, if preview in browser can not looks like in design, longer, than in the design. thanks.

 

[Phreaddee]

???
Dont use tables.

and dont rely on "design view"

 

[heroes888]

if does not use table , what should i use to make two column with image like that ?

 

[Phreaddee]

So, your telling me that those dotted lines in your Dreamweaver layout are not from a table?

and even though it has <table> hightlighted in the bottom left corner, it still is not housed in a table?

it is in a table buddy. take it out of the table.

 

[PixelPusher]

if does not use table , what should i use to make two column with image like that ?

You will want to create a column layout with divs. Create a container element and then add the number of columns you need as children of this container. I typically float the columns and set widths/padding/margins in percentages, yet pixels/ems will work just fine.

Two column layout

<div class="columns">
  <div>
      <p>Column one content...</p>
  </div>
  <div>
      <p>Columns two content...</p>
  </div>
</div>

div.columns {
margin-right:-5%;
}
div.columns:after {
content:'';
display:block;
height:0;
clear:both;
visibilitiy:hidden;
}
div.columns > div {
float:left;
width:45%;
margin-right:5%;
}
/* IE7 and lower floar clear fix */
.clearfix {
overflow:hidden;
height:1%;
}