WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: NotASingleWhiteFemale on January 05, 2009, 05:26:24 PM

Title: Side Menu - CSS question
Post by: NotASingleWhiteFemale on January 05, 2009, 05:26:24 PM

I have a black website background. I want to put a black side menu with black buttons. Clearly I need to put some kind of outline to both the menu and the buttons that changes as I hover over them to show a depressed button. How do I do this with CSS?

Title: Re: Side Menu - CSS question
Post by: marathoner on January 06, 2009, 03:42:57 AM

Just apply a border of whatever color to the DIV or UL containing the menu.

When you say 'button'...does that mean image? If so, then the image will include your border and you can change the image with the HOVER pseudo-class. If your 'button' is simply an A tag then you can apply a HOVER border to the A tag or the containing LI.