Bizarre menu issue following stylesheet combiner use

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
10/30/2009 4:46:55 AM
Gravatar
Total Posts 10

Bizarre menu issue following stylesheet combiner use

Hi guys

As per my past post I've finally gotten the stylesheet combiner working great and the FCK editor is now sorted.

The mojoPortal installation was a breeze but when I've chosen my skin within the site admin, half my menu disappears... this only happens with the combiner in place pulling in my stylesheets. The menu is coded in HTML to use some dropdowns, and isn't using the dynamic menu system from mojo.

I have two custom skins in the system, one using the stylesheet combiner and one not using it. When I choose the skin without the combiner, the missing menu items return. I'm baffled!

The (testing) URL is www.russellrichardson.hostinguk.org. Any thoughts?

Thanks

Mark

10/30/2009 4:52:35 AM
Gravatar
Total Posts 10

Re: Bizarre menu issue following stylesheet combiner use

Oooo just noticed, it's the items with the html dropdowns that disappear, the ones without dropdowns don't....

Mark

10/30/2009 2:01:30 PM
Gravatar
Total Posts 18439

Re: Bizarre menu issue following stylesheet combiner use

I'm not sure. If it uses images like url(someimg.png), it helps the css combiner if the urls have single quotes around them like url('someimage.png')

It seems like in Chrome they don't disappear but are out of position.

Hope it helps,

Joe

10/31/2009 12:09:01 PM
Gravatar
Total Posts 160
mojoPortal Community Expert
Designer of over 25 unique and custom mojoPortal sites with DMSQD and sister company, The Design Loft - www.dmsqd.com

Re: Bizarre menu issue following stylesheet combiner use

Thanks Joe, I'll check it out and let ya know...

Enjoy Halloween!

11/2/2009 4:04:33 AM
Gravatar
Total Posts 10

Re: Bizarre menu issue following stylesheet combiner use

Well it appears that the issue is caused by pulling in an IE specific stylesheet that deals with the dropdowns for Explorer. When I remove it from teh style.config the menus are fine.

I'll have a look at how to fix it...

11/2/2009 6:38:10 AM
Gravatar
Total Posts 18439

Re: Bizarre menu issue following stylesheet combiner use

We have several IE specific stylesheets, the thing that makes them IE specific is that they are added using IE comments so that other browsers do not see those files.

If you view the source of the page on any mojo site you will see something like this:

<!--[if lt IE 7]>

<script src="http://www.mojoportal.com/ClientScript/IE7.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://www.mojoportal.com/Data/Sites/1/skins/mojosite-brightside13/IESpecific.css" type="text/css" id="IEMenuCSS" />

<![endif]-->

<!--[if IE 7]>

<script src="http://www.mojoportal.com/ClientScript/IE8.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://www.mojoportal.com/Data/Sites/1/skins/mojosite-brightside13/IE7Specific.css" type="text/css" id="IE7MenuCSS" />

<![endif]-->

The comments hide it from other browsers, the first one is for IE 6 as defined by [if lt IE 7], the second one is only for IE 7.

So you could put your IE specific css in our existing files IESpecific.css and IE7Specific.css or you can add your own using the same technique in layout.master of your skin.

Hope it helps,

Joe

11/2/2009 6:42:08 AM
Gravatar
Total Posts 10

Re: Bizarre menu issue following stylesheet combiner use

Hi Joe

I'd added some non mojo specific conditional comments to do just that - I'll integrate that into the mojo specifics you've suggested here.

Thanks again, as ever.

You must sign in to post in the forums. This thread is closed to new posts.