Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Images don't align in my product listing

Images don't align in my product listing

Locked

Views: 1,258

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
10 Apr 2008, 10:57 PM
#1
litepockets avatar

litepockets

Zen Follower

Join Date:
Apr 2008
Location:
Covington, Washington, United States
Posts:
206
Plugin Contributions:
0

Images don't align in my product listing

Hello everybody,

I am very new, and know almost zilch as far as PHP, and since I started tweeking my stylesheet I'm learning whatever type of code that is written in, lol. I inderstand more of it everyday. So before I post my problem I wanna say THANK YOU to everyone, because I constantly reference this forum. Anyhow, here goes....

I am using the column devider pro mod and the mod that allows columns obviously (great mods by the way, very pleased) however, my featured products and specials seem to have a mind of there own as far as where they want to sit in the product listing. see here http://www.litepockets.com. Also, I can't get the column lines to show on the featured products page... http://litepockets.com/index.php?main_page=featured_products.

Last, with ZC and a little bit of knowledge it seems like I can go a long way, however, one zen cart page I like quite a bit is http://ww.echo-electronics.com. How much work do I have cut out for myself if I want to eventually have something as aesthetically pleasing as this one?

Thanks alot!!!

11 Apr 2008, 6:08 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Images don't align in my product listing

litepockets:

I am using the column devider pro mod and the mod that allows columns obviously (great mods by the way, very pleased) however, my featured products and specials seem to have a mind of there own as far as where they want to sit in the product listing. see here http://www.litepockets.com.

includes/ template/ your_template/ css/ stylesheet.css

Add the following declaration to the .css

  1. #featuredProducts tbody, #specialsDefault tbody {
    float: left;}
  2. .main {border: 1px solid black;}