Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Line up price (change TD properties) on Zen cart

Posted on 2008-10-02
4
427 Views
Last Modified: 2012-05-05
Hi- To see the site, you'll need a user name/password, which are melody/magic.

On this cart I'd like to change the code so the TD properties  for  td class="productListing-data" has a vertical alignment of top. That would line the price up with the product name. So for instance, I would like to change this:

  <tr  class="productListing-odd">

   <td class="productListing-data" align="center"><a href="http://diabetic-meals.net/cart/index.php?main_page=product_info&cPath=1&products_id=39"><img src="images/7118.jpg" alt="Beef Tri-tip au Jus, Sliced - 2 servings" title=" Beef Tri-tip au Jus, Sliced - 2 servings " width="100" height="68" class="listingProductImage" /></a></td>
   <td class="productListing-data"><h3 class="itemTitle"><a href="http://diabetic-meals.net/cart/index.php?main_page=product_info&cPath=1&products_id=39">Beef Tri-tip au Jus, Sliced  - 2 servings</a></h3><div class="listingDescription">Meat-lovers rejoice! Here is an enticing meal of tender sliced grass-fed beef....</div></td>
   <td align="right" valign="bottom" class="productListing-data">$16.99<br /><br />Add: <input type="text" name="products_id[39]" value="0" size="4" /><br /><br /></td>

to this:

  <tr  class="productListing-odd">

   <td class="productListing-data" align="center"><a href="http://diabetic-meals.net/cart/index.php?main_page=product_info&cPath=1&products_id=39"><img src="images/7118.jpg" alt="Beef Tri-tip au Jus, Sliced - 2 servings" title=" Beef Tri-tip au Jus, Sliced - 2 servings " width="100" height="68" class="listingProductImage" /></a></td>
   <td valign="top" class="productListing-data"><h3 class="itemTitle"><a href="http://diabetic-meals.net/cart/index.php?main_page=product_info&cPath=1&products_id=39">Beef Tri-tip au Jus, Sliced  - 2 servings</a></h3><div class="listingDescription">Meat-lovers rejoice! Here is an enticing meal of tender sliced grass-fed beef....</div></td>
   <td align="right" valign="bottom" class="productListing-data">$16.99<br /><br />Add: <input type="text" name="products_id[39]" value="0" size="4" /><br /><br /></td>
  </tr>
  </tr>
0
Comment
Question by:mel200
  • 2
  • 2
4 Comments
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
ID: 22629526
TD.productListing-data  {text-align:right; vertical-align:top; }

in CSS will do it.  The right is to line up dollar amounts if you need it, and the vertical align can be either "top" or "text-top" -- whichever works better for you.

So vertical-align:top;   and   vertical-align:text-top;   can give you two different alignments.  Try them.
0
 

Author Comment

by:mel200
ID: 22629567
Thanks- I'll try that right away!
0
 

Author Closing Comment

by:mel200
ID: 31502598
Works like a hot damn! Thanks!
0
 
LVL 44

Expert Comment

by:scrathcyboy
ID: 22629992
glad it worked for you!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery slideToggle one div at a time instead of all independently 33 76
REST endpoint query with a parameter 1 16
Javascript 2 22
2 separate CSS animations 2 16
Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question