Categories Dressing

[gjh42]

Maynards - You are using the button background image as the list marker. What you want is to use it as the background-image. Change this

#categories ul a {/*top categories*/

    display: list-item;

    list-style: disc inside url(../images/catbutton.gif);/*change to list-style: none; to remove bullet*/

    background: no-repeat;

    border: none;

    margin: 0;

    padding: 0;

    }



#categories ul ul {/*subcategory lists*/

    list-style: none;

    background: #ffeecc;

    border: none;

    margin: 0 0 0.4em 0;

    padding: 0 0 0 1.3em;

    }



#categories ul ul a {/*subcategories*/

    display: list-item;

    list-style: circle inside url(../images/catbutton.gif);/*change to list-style: none; to remove bullet*/

    background: #ffddbb;

    border: none;

    margin: 0;

    padding: 0;

    }

to this

#categories ul a {/*top categories*/
    display: block;
    background: url(../images/catbutton.gif) no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

#categories ul ul {/*subcategory lists*/
    list-style: none;
    background: #ffeecc;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

#categories ul ul a {/*subcategories*/
    display: block;
    background: #ffddbb url(../images/catbutton.gif) no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

You may want to add a height to these rules as well.

[Maynards]

Thanks so much I give a try.

[gjh42]

Also, since you are not using the chcategories version, you should delete stylesheet_chcategories_dressing.css, as a few of its rules may override the ones you have in stylesheet_categories_dressing.css.

[Maynards]

I did delete the file chcategories_dressing.css, but I am still having a few issues. I will keep working on it.... I am alot closer to what I am looking for with your help. Thank you