I dont like tables but…
The table is 655w. The two image columns will be 120w each because of the graphics all being 120w. So 655 – 120 – 120 = 415. Two more columns left to use the 415 of space. 415 / 2 = 207.5. So give each column of text 200 or 205px width.
<table width="655">
<tbody>
<tr>
<td width="120">
<img >
</td>
<td width="200">
text
</td>
<td width="120">
<img >
</td>
<td width="200">
text
</td>
</tr>
.....
Only need to apply it to the first row, rest follows. I would convert what I’ve shown into css by given class to the TDs and referencing them in style.css
Align all the text images to the top. This is good for css to apply to all tables like this.
table td {vertical-align:top;}
CSSified
table td {vertical-align:top;}
table#services{width:655px;}
table#services td.graphic{width:120px;}
table#services td.text{width:200px;}
<table id="services">
<tbody>
<tr>
<td class="graphic">
<img >
</td>
<td class="text">
text
</td>
<td class="graphic">
<img >
</td>
<td class="text">
text
</td>
</tr>
.....
Do you know how to do that without tables and be how it is supposed to be?
I am not doing this right.. grrr.. can you email me? [email protected] thanks!!!