Forums

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:

<div class=\"box\">
		<div class=\"heading\"></div>

		<p>SPIRITUAL HEALTH</p>
		<div class=\"footer\"></div>
	</div>

.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

treehouse : what would you like to learn today?

Forums

Category Item Problem