Using a Sentence template I'm have no problem with getting my images to be responsive, except on one page: http://www.outtacontext.com/wp2/about/jeffs-past-so-many-dopplegangers/ When I resize the screen, the images do not resize.
I am displaying three divs as table cells. Here is my css:
.page-template-template-jeffpast-php div#table {display: table; height: 40%; width: 43em; margin: .9em 0; background-color: #000; display: block; }
.page-template-template-jeffpast-php div.row2 {display: table-row; display: block; }
.page-template-template-jeffpast-php div.cellleft {display: table-cell; width: 24%; padding-top: 1em; padding-left: 2.5em; }
.page-template-template-jeffpast-php div.cellmiddle {display: table-cell; width: 26%; vertical-align: top; padding-top: 3em; background-color: #000; color: #fff; padding-left: 1.5em;}
.page-template-template-jeffpast-php div.cellright {display: table-cell; width: 33%; padding-left: 1em; }
.page-template-template-jeffpast-php div.cellleft img a{ display: block; border: 0; max-width: 100%; }
.page-template-template-jeffpast-php div.cellright img a{ display: block; border: 0; max-width: 100%; }
.cellmiddle p a {color: #ccc;}And here is the html:
<div id="table">
<div class="row2">
<div class="cellleft"><a class="nounderline" href="http://outtacontext.com/wp2/past8"><img alt="Dance Lesson illustration" src="http://outtacontext.com/wp2/wp-content/themes/sentence/images/past/past7a.jpg" border="0" /></a></div>
<div class="cellmiddle">
I majored in Political Science and my first roommate's name was Rick Gates. He was from <a title="DeTour Village" href="https://maps.google.com/maps?q=DeTour+Village,+Michigan&hl=en&ll=45.984558,-83.873062&spn=0.157687,0.382118&sll=38.899672,-77.024424&sspn=0.022077,0.047765&hq=DeTour&hnear=Michigan,+Nelson,+North+Dakota&t=m&z=13">DeTour Village</a>, Michigan (on the tip of the Upper Peninsula). Back then, the golf course on nearby Drummond Island doubled as the airport.
Rick was tall and lanky and I was, well, not. Yet, no one in our dorm could tell us apart. Everyone called me Rick. This was my first identity crisis. Little did I know my name and looks would lead me to others...
</div>
<div class="cellright"><a class="nounderline" href="http://outtacontext.com/wp2/past8"><img alt="Dance Lesson illustration" src="http://outtacontext.com/wp2/wp-content/themes/sentence/images/past/past7b.jpg" border="0" /></a></div>
</div>
</div>Other pages/images in this group of pages are responsive (but they only use one image): here's an example of a page like this: http://www.outtacontext.com/wp2/about/jeffs-past-the-beginning/
So, my question is: how can I make the images on the first page responsive (and the text in the middle as well)? Thx.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
