Also, you need to use “colspan” not “rowspan”. The way to get three in a row is to put all the images (and the anchor tags) inside ONE td tag that spans 4 columns — this is your second row for example:
<tr>
<td colspan="4" style="text-align: center;"><a href="http://www.charlesIfergan.com/cynthia-before-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="size-thumbnail wp-image-1161 alignnone" title="Cynthia" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Cynthia1-150x184.jpg" alt="" width="150" height="184" /></a>
<a href="http://www.charlesIfergan.com/iwona-before-and-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="alignnone size-thumbnail wp-image-1346" title="Iwona" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Iwona-150x184.jpg" alt="" width="150" height="184" /></a>
<a href="http://www.charlesIfergan.com/iwona-before-and-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="alignnone size-thumbnail wp-image-1346" title="Iwona" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Iwona-150x184.jpg" alt="" width="150" height="184" /></a>
</td>
</tr>
Another thing is that putting the style tag inside a span does not have the same effect as the style being inside the td tags — it’s not really evident in your table – because the images are the full size of the table cells, but FYI. In general, you’d want to use CSS for that kind of style anyway:
td {
text-align: center;
}
Thank you so much for the help! I did try the code you posted above, but it seems to put all the images on different lines. Do you know how I can get around that?
Do you have the colspan=”4″ in the td tag in there? You might also need to make the images display: inline; so they go side by side rather than vertically…
Try adding this to style.css:
#beforeafter img {
display: inline;
}
Is there a reason you have so much inline CSS in your site? That’s really not ideal…
This site is a mess. I’m just taking over now. It really needs a redesign.
As for the display: inline;, it didn’t seem to work…
Here is what I have for the table row:
<tr>
<td colspan="4" style="text-align: center;"><a href="http://www.charlesIfergan.com/cynthia-before-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="size-thumbnail wp-image-1161 alignnone" title="Cynthia" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Cynthia1-150x184.jpg" alt="" width="150" height="184" /></a>
<a href="http://www.charlesIfergan.com/iwona-before-and-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="alignnone size-thumbnail wp-image-1346" title="Iwona" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Iwona-150x184.jpg" alt="" width="150" height="184" /></a>
<a href="http://www.charlesIfergan.com/iwona-before-and-after/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.charlesIfergan.com']);" target="_blank"><img class="alignnone size-thumbnail wp-image-1346" title="Iwona" src="http://www.charlesIfergan.com/wp-content/uploads/2010/08/Iwona-150x184.jpg" alt="" width="150" height="184" /></a>
</td>
</tr>
and here is what I have for the CSS:
.beforeafter {
width:800px;
border: 0px;
cellspacing: 0px;
cellpadding: 0px;
align: center;
display: inline;
text-align: center;
}
.beforeafter td {
padding-bottom: 10px;
}
.beforeafter img {
display: inline;
}
I’m thinking my best option is to just not use a table for this. and just position my images with css.
Sorry for the delay — other stuff to do – it looks good now. Are you happy with it? Tables are not really for layout anymore anyway so probably a better way to go…
This site is a mess. I’m just taking over now. It really needs a redesign.
Oh, ugh — have to agree with you there. Good luck with it.
No worries! Yes, I am happy now.
Thanks so much for your willingness to help!
And yeah, seriously. Need big time luck (or just redo the site myself without the client paying to make updates easier 🙂 ).
Thanks again!
