Categories Dressing

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

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.

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

Code:

---

#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:

Code:

---

/* 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;
    }

---

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

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.

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

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

Code:

---

    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?

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

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?:blink:

Quote:

---

Originally Posted by 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.

---

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