You need to Register for free and Login to post a message in the forum.

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: Browser Bug with Solpartmenu
Prev Next
You are not authorized to post a reply.

Author Messages
espdenver
Nuke Newbie
Nuke Newbie
Posts:3
21 Apr 2008 6:21 PM  
hey lee,

i've got a solpartmenu submenu issue that i cannot solve.  the website i'm building can be viewed here - http://logrhythm.com.dnnmax.com

the menu bar height is set to be 42px, as are the root menu items.  i want the submenu to be flush with the bottom of this bar.  this is no problem in firefox, however in IE there's a pixel gap between the bottom of the bar and the top of the submenu.  when i put a -1px margin-top, the menu jumps and has a pixel overlap.  i've tried using ems, i've tried making the menu bar 41px, i've tried giving the submenu a border-top, i've tried everything i can think of - all to no avail.  no matter what i do, there seems to be a middleground that i just can't reach.

any thoughts on this issue would be much appreciated.  i've scoured the skinning toolkit, but didn't see any mentions of this.  thanks for your help.  jeff

/****************** menu styles *********************/
.MainMenu_MenuContainer {
    border: 0px;
    margin: 0px;
    background-color: transparent;
    padding: 0px;
    padding-bottom: 0px !Important;
    border-bottom: 0px !Important;
    margin-bottom: 0px !Important;
}
.MainMenu_MenuBar {
    cursor: pointer;
    height: 42px;
}
.MainMenu_MenuItem {
    background-color: #fff;
    cursor: pointer;
    color: #000px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    padding: 0 11px 0 1px;
    height: 25px;
    border: 0px;
}
.MainMenu_MenuItemSel {
    background-color: #00a0e2;
    cursor: pointer;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    padding: 0 11px 0 1px;
    height: 25px;
    border: 0px;
}
.SubMenu, .ModuleTitle_SubMenu {
    background-color: #fff;
    margin: 0px 0 0 0px;
    padding: 0 0 0 0px;
    border: 0px solid #fff;
    position: static;
    z-index: 100px;
}
.MainMenu_MenuIcon {
    background: #fff url('images/arrow_blue.gif') no-repeat center center;
    padding: 0 3px 0 17px;
}
.separatorL {margin: 0px;padding: 0px;border: 0px;width: 0px;}
.separatorR {margin: 0px;padding: 0px;border: 0px;width: 0px;}
.rootmenuitem {   
    background: #848587 url('images/nav_bg.gif') repeat-x top;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-family: Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    display: table-cell;
    width: 10px;
    border: 0px;
    vertical-align: middle;
    height: 42px;
    text-align: left;
}
.rootmenuitemselected {
    background: #848587 url('images/nav_bg.gif') repeat-x top;
    color: #333;
    font-weight: normal;
    font-size: 18px;
    font-family: Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    display: table-cell;
    width: 10px;
    border: 0px;
    vertical-align: middle;
    height: 42px;
    text-align: left;
}
.rootmenuitembreadcrumb {
    background: #848587 url('images/nav_bg.gif') repeat-x top;
    color: #333;
    font-weight: normal;
    font-size: 18px;
    font-family: Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    display: table-cell;
    width: 10px;
    border: 0px;
    vertical-align: middle;
    height: 42px;
    text-align: left;
}
.MainMenu_MenuBreak {
    border-bottom: transparent 0px solid;
    border-left: transparent 0px solid;
    border-top: transparent 0px solid; 
    border-right: transparent 0px solid;
    background-color: transparent;
    height: 0px;
    width: 0px;
}
.MainMenu_MenuArrow {display:none;}
.MainMenu_RootMenuArrow {display: none;}
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3351
22 Apr 2008 3:35 AM  
Hello,

I can't find a quick solution to this. I did some quick experimenting in Firefox to see if the submenu could be moved using absolute or relative positioning, but this had no effect.

The problem is that in IE there is not a decent troubleshooting tool such as the web developers toolbar that is available in Firefox. So, whenever I get problems like this in IE, I literally strip out all of the CSS code and then add it back in one element at a time to see if I can identify where the extra one pixel is coming from.

- This is how I would approach it.

Hope you manage to solve the problem, and the site looks good!

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
espdenver
Nuke Newbie
Nuke Newbie
Posts:3
22 Apr 2008 11:22 AM  
thanks for the quick response. yeah, i also tried using absolute and relative positioning, the solpart is strange mistress. do you think it's the best global nav solution for dnn, or would you recommend another - House Menu, DnnMenu? i've seen you use the house menu for pure css skins.

have you tried the IE developer toolbar? http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

It's no where near as effective, but seems slightly better than nothing.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3351
23 Apr 2008 3:00 AM  
Yes the major thing that is missing from it is being able to edit the CSS live.

The menus I tend to opt for are HouseMenu and Snapsis CSSNavMenu - the Snapsis menu is more flexible and easier to configure, so it's worth a look. - Also, subscribers can get a discount here:
snapsis discount

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Browser Bug with Solpartmenu


ActiveForums 3.7

Latest Forum Posts

Yahoo Answers by cdtguru
Hey, i was wondering if anyone knew of a module that would create a similar system to Yahoo Answers...
(catalook) Itempane changes on product pages ?? by Gaz35
Hi , hi , I don’t know if you can help me , here is the site in question http...
RE: Virtual Pc 2007 help by jeff@zina.com
You need to get the Virtual PC's network set up.  Might check the Virtual PC news group: http://www...
DNNCreative Just Keeps Getting Better by jeff@zina.com
Kudos on issue 39, the article on importing large quantities of data was both timely for me and spot...
RE: Videos by clippy
Hello from France My question is about the videos for beginners, and specially n° 3; I'm working...
skinning trouble by derpir
HelloI have uploaded a skin to my DNN-website, but I want to make som changes. I have made some chan...
RE: Column width in UDT by VickySwift
In case anyone else is looking for the answer to this, I have been able to add the headers back in b...
RE: search not working by jncraig
Did you either reindex the site to turn on the scheduled task to do it?
RE: Template Issue by jncraig
No, you need to install your custom modules before you use the template.
RE: error message in registration page by jncraig
I'm not sure that you can avoid them, short of rewriting the module.You might want to investigate Dy...
Template Issue by Bobbyjosephg
Hi,   Today I have come up with a problem with templates.I was successful in exporting a template an...
RE: search not working by sanju_k1421
I checked     host==>admin search  page   that is set both limits min //max  page     still i m n...
RE: error message in registration page by coder247
but how do I avoid the error messages provided by default in dnn?
RE: Style sheet does nothing by andorz
Oh. I was told to do that in my thread at the dotnetnuke.com forum. http://www.dotnetnuke.com/Commun...
RE: Videos by clippy
Thank you to answer so quickly. It's really kind from you. I appreciate
RE: Simple subscribe newsletter module by jncraig
I seem to recall that DataSprings has an "Opt In" module. I haven't used it, though.
RE: Videos by jncraig
No, you can view them in any order.
RE: Skim Question by tlsadler
Wow! Went to Snowcovered and the 50% off Promo more then paid for itself. I actually wound up buying...
Videos by clippy
Hello from FranceJust a little questionIs there any order to respect to look the videos ("issues"). ...
RE: Skim Question by tlsadler
Thank you very much. I've followed many of your posts and will check it out. I had thought about get...
AppTheory
RSS Feeds