unwanted blank spaces in NEW and SPECIAL listings

I am currently working on customizing my store and learning ALOT so for, much from friendly support on this forum :-)

my CURRENT question - on my MAIN page, in the center under the NEW and SPECIALS sections, there are blank spaces between some of the products. I am sure there is a margin setting somewhere that is missing or incorrect. please review my site and see what I am talking about
-- hotnspicyfoods.com --

I listed below what I believe is the current relevant section from my stylesheet

Patrick
HotnSpicyFoods.com

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
background-color: #ffff33;
padding: 0.0em;
margin: 0.0em 0;
}

.centerBoxWrapper {
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
}

Check you padding for these...
More important - optimize your images....1500k for a thumbnail that should be no more than 5k is slowing your site down

kobra:

Check you padding for these...
More important - optimize your images....1500k for a thumbnail that should be no more than 5k is slowing your site down

OK - so I think I have the padding set to 0.0em... so what should it be, and where should it be set?

Patrick

the stylesheet.css file for your template

uh, not to sound rude and appreciating the attempted assistance... but i already KNOW it is in the stylesheet, I even listed what I thought was the appropriate section of my stylesheet, and I KNOW it is likely a margin or padding setting... so, where and what in the stylesheet needs to be changed???

Change the following.

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
background-color: #ffff33;
padding: 0;
margin: 0;
}

Whenever setting a zero amount, nothing else needs to be declared except for the zero.

Website Rob:

Change the following.

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
background-color: #ffff33;
padding: 0;
margin: 0;
}

Whenever setting a zero amount, nothing else needs to be declared except for the zero.

Thank you. I have the MARGIN and PADDING fields both set to just 0 now, but still getting white space between some of my product... very frustrating. I'll just keep hacking at it til I get it right
-- hotnspicyfoods.com --

Patrick

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
background-color: #ffff33;
padding: 0;
margin: 0;
}

.centerBoxWrapper {
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
}

May I suggest you correct some of the other coding errors. It's hard to pin down where to make a correction when there are many corrections to be made.

The default Zen Cart install is error free for HTML Validation. This makes it easy to know where to look if coding errors start popping up.

Website Rob:

May I suggest you correct some of the other coding errors. It's hard to pin down where to make a correction when there are many corrections to be made.

The default Zen Cart install is error free for HTML Validation. This makes it easy to know where to look if coding errors start popping up.

well near every one of the errors reported is an irelevant error - ie it is reporting <p> as an invalid tag, <br> tag as not being closed, etc. but I'll go thru them... not sure that would help with the blank spaces problem tho :-(

Patrick

well I got rid of the spaces, by added my background-color field to the "centerBoxWrapper" section... have made several more improvements to the store also, its looking very very much better now :-)

Patrick
HotnSpicyFoods.com

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
background-color: #ccff33;
padding: 0;
margin: 0;
}

.centerBoxWrapper {
background-color: #ccff33;
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
}