Grow your CSS skills. Land your dream job.

Category Item Problem

  • # June 5, 2009 at 5:43 pm

    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

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".