About Us Page, Using Table to Align Two Images with Identical Dimensions.

  • https://www.everlastingherbs.com/about-us/

    Notice the image on the right is incredibly small.
    Any help is appreciated.
    Here’s the code:

    <table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”100%”>
    <tr>
    <td>
    [table id=2 /]
    </td>
    </tr>
    <tr>
    <td>
    <img src=”https://everlastingherbs.com/wp-content/uploads/2012/01/monarch.jpg&#8221; alt=”” title=”Monarch” width=”295″ height=”232″ class=”alignnone size-full wp-image-46″ />
    </td>
    <td>
    <img src=”https://everlastingherbs.com/wp-content/uploads/2012/01/camilla1.jpg&#8221; alt=”” title=”Camilla” width=”295″ height=”232″ class=”alignnone size-full wp-image-48″ />
    </td>
    </tr>
    <tr>
    <td colspan=”2″>
    Everlasting Herbs was established with a view to provide service with high quality herbal products to the community worldwide, to become one of the leading names of Herbal Remedies and Natural Skin Care with our promise of quality products that stay ahead of time while helping your spirit shine. A wide exposure and deep understanding of Natural Health gives us insight into the needs of a changing body. Everlasting Herbs strives to exceed existing standards of Herbal Medicine through innovation and continued research in the world of plants and the many benefits Mother Nature provides us all.
    </td></tr>
    <tr>
    <td colspan=”2″>
    Contact us at [email protected]
    We are very busy but we will get back with you! Thank you for your questions, inquiries, and requests. We look forward to helping you along your path of wellness.
    </td>
    </tr>
    </table>

Viewing 2 replies - 1 through 2 (of 2 total)

  • Okay the problem is you have this in your CSS:

    .entry img {
   max-width: 100%;
}

    Which by itself is not a big deal. Basically it’s saying any image that is in the entry class gets a width of 100%, which makes each image fit to whatever container it is in.

    So the reason the image is so small is because the container it is in (a <TD>) is really small. So there are a couple things you can do. You can remove the above code, but it looks like that will mess up your layout elsewhere. You can also set a width on the containing element, the <td>, something like a width: 50%, but that too will cause other issues, due to the table markup.

    So unfortunately, the way you have it set up now, you’ll have to make some changes to get it to work properly.

    Thread Starter hohlanhealth

    (@hohlanhealth)

    Thanks dkotter, this is my third workaround at this point. I used wp table reloaded but the table had cellspacing and misaligned the bottom images with the top. If wp table reloaded had options to adjust borders, cellpadding, and cellspacing it would be easy.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘About Us Page, Using Table to Align Two Images with Identical Dimensions.’ is closed to new replies.