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
Nuke Master II
Nuke Master II
Posts:2951
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
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
Nuke Master II
Nuke Master II
Posts:2951
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
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Browser Bug with Solpartmenu


ActiveForums 3.7

Latest Forum Posts

RE: Query Regarding search fuctionality by kaustav_kar
Thanks for your help. Could you please tell me how to configure it?
Login page by shanny234
---resolved---
RE: Only registered users can access some parts of the module by nukedoubt
Solution Obtained !!!!!!!Follow the steps :To Checked In login mode as registered users or not - Do...
RE: Blog Module on 4.8.4 by bryan_homey
03.04.00 Thanks Bryan
RE: Repository template: YouTube by bryan_homey
Thanks!
RE: File Manager Upload (intermittent error) by dnnmq
banner_rotator.js is only 3KB.  This behavior was reported after we upgraded from 4.3.4 to 4.8.3.Bef...
RE: templates and modules by mmcinulty
Hi Bocheck back to issue 24 for info about page templates.about your other issue with modules login ...
templates and modules by cyborama
Hello Lee and Joe,My first question deals with templates.  I noticed in dotnetnuke apparently you ca...
News Feeds (RSS) module 4.0 ? by wolmar
I had some trouble with the old NewsFeeds module (the one coverd in tutorial) so i figured i'd insta...
style search CSS or XML by mmcinulty
CSS an XMLi was looking back at issue 29 about search styling. there was a skin i seen www.dnnskin.n...
RE: Query Regarding search fuctionality by jncraig
I believe that the Venexus search tools can be configured to do that.
RE: Create Bookmarks/Anchor Points/Page TOC by jncraig
I'm not aware of a module that does that. And, yes, you have to put the links in manually. I've us...
RE: Refreshing Bl... IE by jncraig
F5 reloads the page, but doesn't necessarily reload cached files associated with the page. CTRL-F5 ...
RE: Bitter Sweet Skin Menu by jncraig
No, I'm really not here 24/7. More like 16/7!
RE: News Feed from DNN Blog by aggiedan97
Thanks for the reply. I have tested with the XSL stylesheet specified and still no success. The Bl...
Create Bookmarks/Anchor Points/Page TOC by lb313
I am developing my first DNN site and have been doing some modifications to the skin I am using and ...
Query Regarding search fuctionality by kaustav_kar
Hi,On my site we have the search feature(dnn:search).  Right now when we search, the search is done ...
RE: Bitter Sweet Skin Menu by leesykes
You need to use the correct container for the content panes, otherwise the text will not display cor...
RE: Refreshing Bl... IE by leesykes
CTRL+F5 should do the trick - F5 by itself or refresh tends not to work.
RE: File Manager Upload (intermittent error) by leesykes
not sure - how large are the files?
AppTheory
RSS Feeds