Categories Dressing

[Maynards]

Sorry, I forgot to add out site: www.maynardstackle.com

[gjh42]

wally -Re "adjusting the vertical alignment of the text inside the buttons" - I think I lost a post when my computer crashed. You would want to add to
a.category-top {

line-height: 1.5em;

Adjust to taste.

I don't know why the column is expanding to different widths - I can't see anything in your CSS that would cause or allow it, and I have never seen anything just like it before.

[gjh42]

Maynards - I don't know if it's related to your issues, but you are missing brackets here

#categories li a {
	background: url(../images/catbutton.gif) no-repeat;
}

/*change  bullet when a category w/o bg image is open to subs:*/

#categories li a.cat-parent-text {

To get the hover on the All Products link, add to the hover rule:

/* top category hover effects*/
#categories li.cat-top a:hover, #categories li a.category-links:hover {
    color: #dd6633; 
    background:  #ddeeff url(../images/catbghover.gif)no-repeat;
    } 

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover {
    color: #aa9966; 
    background: #ffb9ff url(../images/catbghover.gif)no-repeat;
    }

[Maynards]

Thank you so much once again. I will give your suggestions a try.

[Maynards]

Added the missing brackets but did not make a differents.
Copied and Added the code for the link "All Products" but it did not work for that link and also made the other links under categories not work.

[Maynards]

Fixed both problems by getting rid of the "no-repeat" after cat.hover effects.
Thanks again Glen for your help with the code

[gjh42]

All Products is getting the same hover effect as the other buttons for me (Firefox 3.6.3). It is also working in IE8 and (IE7) compatibility view.

OK, maybe that;s why... :)
I notice that you had

    background:  #ddeeff url(../images/catbghover.gif)no-repeat;

with no space between the ) and the no-repeat. What happens if you put it back with a space?

[gjh42]

Using Firebug, I get the same correct response with and without no-repeat, and with and without a space between it and the ).

[Maynards]

I put it back with your suggestion of a space and now it works and looks better. Thanks again.

Now any suggestion how I can turn all the links on that left side to do the same thing as what was done under the Catagories heading?

[wally]

wally -Re "adjusting the vertical alignment of the text inside the buttons" - I think I lost a post when my computer crashed. You would want to add to
a.category-top {

line-height: 1.5em;

Adjust to taste.

I don't know why the column is expanding to different widths - I can't see anything in your CSS that would cause or allow it, and I have never seen anything just like it before.

I added the line-height 1.5em as per your instructions on the template stylesheet with no noticeable change. I played with it by changing the size from 0.5em to 2.0 em and still no change

I removed the text-align; center, from the categories dressing stylesheet, and that kept the text from going off of the buttons.

I am not sure where to go from here

Thanks for all of your help

Wally