Virtuemart products not lining up properly

DantechIT used Ask the Experts™

On the front page the products line up fine but the title/price/details are crooked. What can I do to fix this?

thank you
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
The problem is that your table td's are auto adjusting to the size of the content.

You will need to assign classes to at least the first td and fix a width like so:

<table width="100%">
      <td class="tbl_img"><img src="" class="browseProductImage" title="Grey/Black Professional Batting Gloves" alt="Grey/Black Professional Batting Gloves" border="0">       </td>
      <td><h2>Grey/Black Professional Batting Gloves</h2><br>

      <span class="productPrice">
            $34.99                  </span>

  <tr><td colspan="2"> <a href="/shirtsite/index.php?page=shop.product_details&amp;flypage=flypage_images.tpl&amp;product_id=214&amp;category_id=25&amp;option=com_virtuemart&amp;Itemid=70">[Product Details...]</a></td>

Then add the CSS style:

table tbody tr td.tbl_img {
     width: 320px;


Thank you for the reply. Where can I edit this?
Do you have access to the php files?  Are you using a code editor with comprehensive search features like Dreamweaver?  If so, search the entire virtuemart folder for "product_list".  If you find coding that puts together a div like so <div style="width:100%; float:none;" id="product_list"> then that should be the file you see the table being put together in.


Yes, i have dreamweaver. I'll look for that. thank you.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial