Indexhibit Support

Is it possible to make the menu background transparent so the background of the exhibit area covers the whole page.

thanks!

Yes, you could.

There's an opacity property provided in CSS. But since all good things are not implemented the same way in Internet Explorer...

You can get and easy workaround if you use jQuery (included with indexhibit) and a bit of javascript.

First have a look at jQuery's examples and tutorial.

Let us know how it goes.

Thanks, so in order to make it transparent do I need to add a line to below in the style.css file? and what should I write?

\

#menu {
width: 215px;
overflow: auto;
top: 0;
bottom: 0;
    left: 0;
position: fixed;
height: 100%;
    background-color: #cccccc;
}

1.  background-color: transparent;

just replace de color for transparent, don't know if it works in IE, and don't care ;)

there is also the great hulk technique of destruction.
i usually create a transparent gif image with some background pixels. gives a nice effect!
show us your results. ;)

Thanks for the feedback, the menu's transparent now.

But the main background image still start from a distance to the left,what's the best way to make them cover the whole page?

No worries now, problem sorted!

You should provide an explanation on how you solved your problem... so that humanity can gain from your work, and then we can save more bunnies...

Hi,

I just tried replacing my background-color, but my menu still appears to be white in firefox and safari. Here's a a snippet of my code:

#menu {
width: 150px;
overflow: auto;
top: 60px;
bottom: 0;
    left: 75px;
position: fixed;
height: 100%;
    background-color: transparent;
}

THANKS!

That should work...are you sure it's not just white because the body has a white background?

I realized my stupid mistake, I was uploading style.css to the wrong directory...