Light backgrounds and the user menus

rutt · May 9, 2005

I set my backgrounds to "light". When I leave a gallery's style as "User Controlled", the pull down menu that shows up has colors that look great with a dark background, but ugly against a light background. Can I control this somehow?

{JT} · May 9, 2005

The box has a class assigned to it called "menubox." You can tweak the background color in you css section. Sadly - someone hard coded the blue color for the words "style" so changing that will not be so easy.

rutt · May 9, 2005

I saw the menubox class, but I guess I don't exactly know how to use it.

I put this in my css section:

menubox { backgound-color: #FFFFFF;}

I also tried:

.menubox { backgound-color: #FFFFFF;}

But neither changed the color of the background of this box. What am I doing wrong?

{JT} · May 9, 2005

Look carefully at the way you spelled background

I just fixed it on your site, looks good.

rutt wrote:

.menubox { backgound-color: #FFFFFF;}

rutt · May 9, 2005

{JT} wrote:

Look carefully at the way you spelled background I just fixed it on your site, looks good.

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing.

{JT} · May 9, 2005

Eventually you will get total control over where it resides

rutt wrote:

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing.

Mike Lane · May 10, 2005

{JT} wrote:

Eventually you will get total control over where it resides

Any idea when

{JT} · May 10, 2005

We are waiting on several things right now - but can't give any specific date

Mike Lane wrote:

Any idea when

devbobo · May 10, 2005

rutt wrote:

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing.

Rutt,

Depending on exactly where you want to locate this box, you should be able to use the position (absolute or relative) CSS attribute along with the left and top CSS attributes.

If you use absolute positioning, the top and left CSS attribute values are referenced from the top left of the window.

If you use relative positioning, the top and left CSS attribute values are referenced from the elements current position.

Check out this url, i have moved the box to the left hand side of the screen by using...

.menubox { position: relative; left: -600px;}

Hope this helps.

Cheers,

David

{JT} · May 11, 2005

While that may work - remember, that is a class and not an ID. So there may be (off the top of my head, there should not be) other menuboxes that will be affected.

devbobo · May 11, 2005

{JT} wrote:

While that may work - remember, that is a class and not an ID. So there may be (off the top of my head, there should not be) other menuboxes that will be affected.

yeah that's true, but it also depends on what type of html element the other definitions are contained in. If it's not a table like in this case, you can potentially used

table.menubox { position: relative; left: -600px;}

David

Light backgrounds and the user menus

Comments