Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Align category images on main page

Align category images on main page

Locked

Views: 1,023

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
1 Feb 2009, 12:06 AM
#1
jacon1965 avatar

jacon1965

New Zenner

Join Date:
Feb 2008
Posts:
32
Plugin Contributions:
0

Align category images on main page

Help! My category images are aligned in a vertical order, and I would like them to be in a horizontal order. Been at this for days, can't figure it out, can't find anything on the the forum either.

http://www.cstrucktops.com
:frusty:

1 Feb 2009, 12:25 AM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Align category images on main page

jacon1965:

Help! My category images are aligned in a vertical order, and I would like them to be in a horizontal order. Been at this for days, can't figure it out, can't find anything on the the forum either.

http://www.cstrucktops.com
:frusty:

Ja,

Locate this:
includes/templates/CST/css/stylesheet.css

Find this:
/The main content classes/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
float: center;
}

There is no declaration float: center

  1. change to float: left;
1 Feb 2009, 12:41 AM
#3
jacon1965 avatar

jacon1965

New Zenner

Join Date:
Feb 2008
Posts:
32
Plugin Contributions:
0

Re: Align category images on main page

Hare Do, you ROCK!:clap:

1 Feb 2009, 12:54 AM
#4
haredo avatar

haredo

Totally Zenned

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

Re: Align category images on main page

Ja,
You are most welcome, but in FireFox Browser she looks like a mess... IE looks great

I will take another look or someone else may tackle this problem...

1 Feb 2009, 1:50 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Align category images on main page

Find this in your stylesheet.css:```
/The main content classes/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
float: left;
}


If the other elements here really want to be floated, separate out #navColumnOne and #navColumnTwo and give them the text-align.
1 Feb 2009, 2:02 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Align category images on main page

This is really weird... when I refresh the page (same page) in Firefox, the sidebars shift up & down randomly each time. I guess table cells really don't like to be floated.

5 Feb 2009, 2:45 AM
#7
jacon1965 avatar

jacon1965

New Zenner

Join Date:
Feb 2008
Posts:
32
Plugin Contributions:
0

Re: Align category images on main page

Don't no what to do about fire fox. Had some complaints before

5 Feb 2009, 3:05 AM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Align category images on main page

Since you made the change from float: left; to text-align: left; for #navColumnOne & Two, the sidebars don't appear to jump around in Firefox any more.