Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20389

    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.

    #107465

    Hi!

    I can’t view the website – I get a “This website is offline. No cached version is available.” error screen?

    Best regards,

    Peter

    #107466

    Weird. It must have been intermittent. I found a solution, though (used display:inline-block). Thx.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Trying to get images to be responsive’ is closed to new replies.