Hi All

I know its not a default DNN core module / menu, and I know it might be a bit cheeky posting something like this here, but there is almost zero documentation on the DNN HouseMenu SkinObject.

In one Skinning Forum Thread, I saw that Timo Breumelholf (Skinning Project Team) mentions:

"BTW, you should not use the CSS provided by HM 1.x, make your own..." 

See: http://www.dotnetnuke.com/Community/Forums/tabid/795/forumid/109/threadid/286079/scope/posts/Default.aspx

I understand, fundamentally on how to style the menu using CSS, but does anyone (even Timo maybe) have a solid CSS file for styling the menu in horizontal display. (I know Nina Meiers uses HouseMenu, I think...)

I ask for 2 reasons:

1. Timo's comment above.
2. I have noticed that the defulat styles, like Skyward.css have a lot of hacky css classes that are apparently meant to curb display issues in MacIE5. E.G.

/* hack for MacIE5 to ignore, while other browsers use \*/
    height: 12px;
    _height: 20px;
    /* end hack */

Any help would be appreciated.

Thanks

Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

Forgot to mention a few things:

1. I am using the latest downloadable version of House Menu (HouseMenuSkinObjectPA_01.04.01.beta)
2. I am skinning in DNN 4.9.2 (using .ascx method)
3. Using XHTML, DIV CSS and I have a valid doctype xml file
4. My query here is not just for my own gain, but also to give forum users a practical, up-to-date guide and example of how to style this module/skinobject, which I will post here

Any takers..?

Jon

Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

I've got an IE specific issue with the HouseMenu SkinObject. I've got all my styling down and it works fine in Firefox, Safari, & Opera. It's actually looks fine in IE until I hover over a root item with a submenu.

In all of the other browsers my submenu renders fine, but in IE nothing happens. I hid all of the submenu items off the page using left:-9999;. Once you hover over an item with a submenu I set left:auto; on the submenu list.

I.E.

#HouseMenuNav li ul{left:-9999px;}

#HouseMenuNav li:hover ul{left:auto;}
/* or left:0; */

I've tried everything I can think of. I'm fairly new to the world of styling everything via css.

Any help is greatly appreciated thanks.