Hi,

I'm trying to provide a good .css for the nice-menus theming but it doesn't...

Someone would have already done such a .css?

Thanks

Comments

jacine’s picture

Status: Active » Closed (fixed)

Hi,

Did you post this in the wrong place?

If not, this theme wasn't made with Nice Menus, and I don't plan to support it at this time within the Sky theme.

However, there's no reason you can't modify or override the CSS that comes with Nice Menu's to match the Sky styles. It would simply be a matter of matching colors here and there.

Jacine :)

bxlredlabel’s picture

Concerning the style and the colors... It fits!!!
But there is a problem with the Nice menu. This one works very well in IE, but doesn't expand in firefox (Strictly speaking, the menus don't expand outside the "block area") : the menu is cutted by the block borders and aren't visible outside the block...
I don't find why...

Maybe someone with the same theme went across the same probleme...

Thanks for your help

jacine’s picture

The issue you are experiencing is caused by overflow:hidden; in the style.css file in two places:

#sidebar {
margin-left:10px;
overflow:hidden;
padding:15px 0pt 0pt;
width:230px;
}
#sidebar .block {
margin:0pt 0pt 15px;
overflow:hidden;
padding:0pt;
width:230px;
}

Removing the overflow in both of those classes fixes the problem in Firefox for both right sidebar and left sidebar layouts for the Sky theme.

These two classes are in there to make sure the layout stays intact, regardless of what is put inside the sidebar. If something larger than the sidebar gets put in, and the overflow class is not there, the sidebar will drop below the content. For that reason, I'm hesitant to remove it from the theme, but you can remove overflow from both of those classes to solve the problem.

bebeterribl’s picture

Thanks for your help.
You're right: when a drop the overflow:hidden;, the sidebar goes at bottom of the page...
i'm trying to solve this problem...

bebeterribl’s picture

A tricky solution is to replace the "overflow" propriety by a "float" in order to keep the sidebar in place...

jacine’s picture

The layout already makes full use of floats :)

If your sidebar to drop below the page, the contents of your blocks are too wide. While the width of the sidebar is 230px, you still need to allow for margins and padding that are applied.