Virtuemart products not lining up properly

DantechIT
DantechIT used Ask the Experts™
on
http://www.dantechmsp.com/shirtsite/

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
Comment
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%">
  <tbody><tr>
      <td class="tbl_img"><img src="http://www.dantechmsp.com/shirtsite/components/com_virtuemart/show_image_in_imgtag.php?filename=resized/Grey_Black_Profe_4e324915c1ed4_300x300.jpg&newxsize=300&newysize=300&fileout=" 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>


</td>
  </tr>
  <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>
  </tr>
</tbody></table>

Then add the CSS style:

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

Author

Commented:
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.

Author

Commented:
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