Category Item Problem

[sharingsunshine]

Hello,

I just found your site and I am very impressed and will be checking out some of the videos real soon. I too use a Mac and when I use parallels to look at my site in IE 6 the category item is showing a big gap. I am ready to change my category headings but don’t know the best approach to take.

I have a site that has .html, and a shopping cart that uses php and smarty. All of my navigation elements are brought in as includes via shtml or smarty.

If you go to my site at http://www.theherbsplace.com/index.html and look at spiritual health (left hand side) and below it is starting to show a gap in FF on mac and IE 6 on windows is a real big gap. I still have 16% of my visitors seeing my site thru IE 6. Therefore, I need to improve the look of the site.

Please tell me how to fix the problem or something I can use to replace all of the category items. Here is the code I am using:

Code:

SPIRITUAL HEALTH

Code:

.box
{
width: 190px;
background: url(‘/Resources/category_slices/middle.gif’);
margin:0 auto;
text-align:center;
background-color:#FFFF99;
padding:0;
}

.box .heading
{
background: url(‘/Resources/category_slices/top.gif’);
background-repeat: no-repeat;
height: 6px;
margin:0 auto;
text-align:center;
background-color:#FFFF99;
padding:0;
}

.box .footer
{
background: url(‘/Resources/category_slices/bottom.gif’);
background-repeat: no-repeat;
height: 6px;
margin:0 auto;
text-align:center;
background-color:#FFFF99;
}

.box p {
margin: 0;
padding: 0;
margin:0 auto;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
font-weight: bold;
}

Thanks,

Randal

[Author]

Posts