Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Nav MenuNav Menu
Previous
 
Next
New Post
1/31/2008 10:56 AM
 
dlink0227

Joined: 8/25/2006
Posts: 76

My menu is flickering like crazy.  www.wtgs.org  any advise would be greatly appreciated.

my css

.main_dnnmenu_container {

background-color: transparent;

text-align: left;

}

.main_dnnmenu_bar {

cursor: pointer;

text-align: left;

cursor: hand;

background: transparent;

height: 22px;

padding: 5px 6px 3px 7px;

}

.main_dnnmenu_item, .main_dnnmenu_item td { /*TD if menu option for using tables is on*/

cursor: pointer;

cursor: hand;

font-family: Verdana;

color: #000000;

font-size: 11px;

text-align: left;

background-color: Transparent;

font-weight: normal;

font-style: normal;

white-space: nowrap;

padding: 5px 6px 3px 7px;

}

.main_dnnmenu_icon, .main_dnnmenu_icon td {

display: none;

}

.main_dnnmenu_rootitem, .main_dnnmenu_rootitem td { /*TD if menu option for using tables is on*/

font-family: Verdana;

font-size: 11px;

font-weight: normal;

font-style: normal;

text-align: left;

cursor: pointer;

cursor: hand;

color: #000000;

background-color: #eeeeee;

white-space: nowrap;

padding: 5px 6px 3px 7px; /*explicity set padding for root menu items*/

}

.main_dnnmenu_submenu, .main_dnnmenu_submenu td {

z-index: 101;

cursor: pointer;

cursor: hand;

white-space: nowrap;

background-color: #eeeeee;

background-image: url(subbkg.gif);

background-repeat: repeat-y;

Background-Position: top;

line-height: 14px;

padding-left: 33px; /*explicitly set padding for sub-menus */

}

.main_dnnmenu_break {

height: 1px;

font-size: 1px;

}

.main_dnnmenu_itemhover, .main_dnnmenu_itemhover td {

font-weight: bold;

background-image: url(select1.gif);

}

.main_dnnmenu_submenu_itemhover, .main_dnnmenu_submenu_itemhover td {

color: #ff7f50;

font-weight: normal;

background-image: url(subroll.gif);

}

 

.main_dnnmenu_arrow {

border-right: #cccccc 1px solid;

border-bottom: #cccccc 1px solid;

border-top: #cccccc 0px solid;

font-family: webdings;

font-size: 10pt;

cursor: pointer;

cursor: hand;

}

.main_dnnmenu_rootmenuarrow {

font-family: webdings;

font-size: 10pt;

cursor: pointer;

cursor: hand;

}

*/

.StandardButton

{

background: #ffffff;

color: #000000;

font-family: verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}

.TreeViewMenu {

width: 140px;

background-color: #dfe5f2;

border-right: #7994cb 1px solid;

border-top: #7994cb 1px solid;

border-left: #7994cb 1px solid;

border-bottom: #7994cb 1px solid;

}

.TreeViewMenu_Header {

background-color: #eeeeee;

}

.Head {

font-family: Verdana;

font-size: 12px;

}

my xml

<Objects>

<Object>

<Token>[NAV]</Token>

<Settings>

<Setting>

<Name>ProviderName</Name>

<Value>DNNMenuNavigationProvider</Value>

</Setting>

<Setting>

<Name>ControlOrientation</Name>

<Value>Vertical</Value>

</Setting>

<Setting>

<Name>ControlAlignment</Name>

<Value>Left</Value>

</Setting>

<Setting>

<Name>CSSControl</Name>

<Value>main_dnnmenu_bar</Value>

</Setting>

<Setting>

<Name>CSSContainerRoot</Name>

<Value>main_dnnmenu_container</Value>

</Setting>

<Setting>

<Name>CSSNode</Name>

<Value>main_dnnmenu_item</Value>

</Setting>

<Setting>

<Name>CSSNodeRoot</Name>

<Value>main_dnnmenu_rootitem</Value>

</Setting>

<Setting>

<Name>CSSIcon</Name>

<Value>main_dnnmenu_icon</Value>

</Setting>

<Setting>

<Name>CSSContainerSub</Name>

<Value>main_dnnmenu_submenu</Value>

</Setting>

<Setting>

<Name>CSSBreak</Name>

<Value>main_dnnmenu_break</Value>

</Setting>

<Setting>

<Name>CSSNodeHover</Name>

<Value>main_dnnmenu_itemhover</Value>

</Setting>

<Setting>

<Name>CSSNodeHoverSub</Name>

<Value>main_dnnmenu_submenu_itemhover</Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLBreadCrumbRoot</Name>

<Value><![CDATA[<img alt="*" BORDER="0" src="breadcrumb.gif"/>]]></Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLRoot</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeRightHTMLRoot</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLSub</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeRightHTMLSub</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorLeftHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorRightHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>PopulateNodesFromClient</Name>

<Value>True</Value>

</Setting>

<Setting>

<Name>ExpandDepth</Name>

<Value>1</Value>

</Setting>

</Settings>

</Object>
 
New Post
1/31/2008 1:03 PM
 
Josh Martin


www.Rad-Websites.com
Joined: 5/1/2004
Posts: 221

Thats a nifty trick!  I have no clue.. just commenting.  If you figure it out let me know, I get wierd stuff like that once in a while.

It almost looks like it's applying some kind of CSS real quick on teh hover, before landing on a rule..almost like your text is shrinking a bit, then expanding, real fast.

Maybe a mouseover delay effect, or multiple redundent rules.

If it happens in firefox, I'd get the web developers toolbar at: http://chrispederick.com/work/web-developer/ and start stripping out lines of CSS that look redundant, to test behavior till you find it. ..Just an idea from a newbie.

Josh

 

Josh Martin
 
New Post
1/31/2008 4:44 PM
 
dlink0227

Joined: 8/25/2006
Posts: 76

Well I tried it using background color instead of image, turning off bold, there is no line break.  Still the same, could it be then z-index?
 
New Post
1/31/2008 5:26 PM
 
Josh Martin


www.Rad-Websites.com
Joined: 5/1/2004
Posts: 221

dlink0227 wrote

Well I tried it using background color instead of image, turning off bold, there is no line break.  Still the same, could it be then z-index?

Well just remember that I'm a super noob still :-> but I doubt it's the z-index.  I think thats just the tab order.  If you want, post your HTML & ascx files and I'll gladly try to troubleshoot it. It'll help me to learn. 

One important thing to rember though is that your in "quirks" mode still.  Which means you can't really tell much about what it's going to do in any browser.  I checked your site and the problem doesn't exist in firefox, but in IE it does. 

If you get firefox, you can easily check if your in quirks or not, by loading the page, then clicking tools and pulling down to page information.

Where it says "Render Mode" it should say standards compliant.

In order to get it standards complient in your skin folder you should put a file called skinname.doctype.xml where skinname is the name of the html/ascx file that is using the doctype.

in that doctype file put

<XML>
<![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]>
</XML>

This will take you out of quirks mode and make things at least operate a little more consitantly. 

I'll read through your CSS a little more, but being that I'm so amature still, I may have trouble without actually makinga  working copy on my PC.

Let me know what you come up with!

 

 

Josh Martin
 
New Post
2/1/2008 12:01 PM
 
dlink0227

Joined: 8/25/2006
Posts: 76

I have an admin.htm and new.htm.  I worked on the skin almost all night.  I tried a zillion variations.  Does MouseOutHideDelay work in the new navigation provider?  I added that to my xml file with a value of 0, still blah flickering but only on the home page, it appears as you mouse out from one menu item to another for just a millisecond you can see an hourglass in IE.  This is making me nuts. 

my current css

.main_dnnmenu_container {

background-color: transparent;

text-align: left;

}

.main_dnnmenu_bar {

text-align: left;

background: transparent;

width: 100%;

padding: 5px 6px 3px 7px;

}

.main_dnnmenu_item, .main_dnnmenu_item td { /*TD if menu option for using tables is on*/

font-family: Verdana;

color: #000000;

height: 20px;

font-size: 11px;

text-align: left;

background-color: Transparent;

font-weight: normal;

font-style: normal;

white-space: nowrap;

padding: 5px 6px 3px 7px;

}

.main_dnnmenu_break {

BORDER-RIGHT: gray 0px solid;

BORDER-TOP: gray 1px solid;

BORDER-LEFT: gray 0px solid;

BORDER-BOTTOM: gray 1px solid;

HEIGHT: 3px;

BACKGROUND-COLOR: Black;

}

.main_dnnmenu_icon, .main_dnnmenu_icon td {

display: none;

}

.main_dnnmenu_rootitem, .main_dnnmenu_rootitem td { /*TD if menu option for using tables is on*/

font-family: Verdana;

font-size: 11px;

font-weight: normal;

font-style: normal;

text-align: left;

color: #000000;

background-color: #eeeeee;

white-space: nowrap;

padding: 5px 6px 3px 7px; /*explicity set padding for root menu items*/

}

.main_dnnmenu_submenu, .main_dnnmenu_submenu td {

z-index: 2000;

white-space: nowrap;

background-color: #eeeeee;

background-image: url(subbkg.gif);

background-repeat: repeat-y;

Background-Position: top;

line-height: 14px;

padding-left: 33px; /*explicitly set padding for sub-menus */

}

.main_dnnmenu_itemhover, .main_dnnmenu_itemhover td {

font-weight: bold;

background-color: #cccccc;

}

.main_dnnmenu_submenu_itemhover, .main_dnnmenu_submenu_itemhover td {

color: #ff7f50;

font-weight: normal;

background-image: url(subroll.gif);

}

 

.main_dnnmenu_arrow {

border-right: #cccccc 1px solid;

border-bottom: #cccccc 1px solid;

border-top: #cccccc 0px solid;

font-family: webdings;

font-size: 10pt;

}

.main_dnnmenu_rootmenuarrow {

font-family: webdings;

font-size: 10pt;

}

*/

.StandardButton

{

background: #ffffff;

color: #000000;

font-family: verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}

.TreeViewMenu {

width: 140px;

background-color: #dfe5f2;

border-right: #7994cb 1px solid;

border-top: #7994cb 1px solid;

border-left: #7994cb 1px solid;

border-bottom: #7994cb 1px solid;

}

.TreeViewMenu_Header {

background-color: #eeeeee;

}

.Head {

font-family: Verdana;

font-size: 12px;

}

my current xml

<Objects>

<Object>

<Token>[NAV]</Token>

<Settings>

<Setting>

<Name>ProviderName</Name>

<Value>DNNMenuNavigationProvider</Value>

</Setting>

<Setting>

<Name>ControlOrientation</Name>

<Value>Vertical</Value>

</Setting>

<Setting>

<Name>ControlAlignment</Name>

<Value>Left</Value>

</Setting>

<Setting>

<Name>CSSControl</Name>

<Value>main_dnnmenu_bar</Value>

</Setting>

<Setting>

<Name>CSSContainerRoot</Name>

<Value>main_dnnmenu_container</Value>

</Setting>

<Setting>

<Name>MouseOutHideDelay</Name>

<Value>0</Value>

</Setting>

<Setting>

<Name>CSSNode</Name>

<Value>main_dnnmenu_item</Value>

</Setting>

<Setting>

<Name>CSSNodeRoot</Name>

<Value>main_dnnmenu_rootitem</Value>

</Setting>

<Setting>

<Name>CSSIcon</Name>

<Value>main_dnnmenu_icon</Value>

</Setting>

<Setting>

<Name>CSSContainerSub</Name>

<Value>main_dnnmenu_submenu</Value>

</Setting>

<Setting>

<Name>CSSBreak</Name>

<Value>main_dnnmenu_break</Value>

</Setting>

<Setting>

<Name>CSSNodeHover</Name>

<Value>main_dnnmenu_itemhover</Value>

</Setting>

<Setting>

<Name>CSSNodeHoverSub</Name>

<Value>main_dnnmenu_submenu_itemhover</Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLBreadCrumbRoot</Name>

<Value><![CDATA[<img alt="*" BORDER="0" src="breadcrumb.gif"/>]]></Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLRoot</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeRightHTMLRoot</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeLeftHTMLSub</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>NodeRightHTMLSub</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorLeftHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>SeparatorRightHTML</Name>

<Value><![CDATA[]]></Value>

</Setting>

<Setting>

<Name>PopulateNodesFromClient</Name>

<Value>True</Value>

</Setting>

<Setting>

<Name>ExpandDepth</Name>

<Value>1</Value>

</Setting>

</Settings>

</Object>

admin.htm

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="dd_topDark"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td class="dd_topLight" style="background-image: none;" height="25"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td align="center">

<table class="dd_width" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td colspan="3" style="padding-bottom: 7px; padding-top: 5px;" align="right">&nbsp;</td>

</tr>

<tr>

<td id="HeaderPane" runat="server" align="left" visible="False"></td>

</tr>

<tr>

<td colspan="3" class="dd_topSep"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td colspan="3"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td colspan="3" class="dd_topShade"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td colspan="3" height="50" valign="middle">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td>[LOGO]</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="3" class="dd_topSep" height="50" valign="bottom"><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td colspan="3" valign="bottom"><img src="spacer.gif" height="5" width="1"></td>

</tr>

<tr>

<td class="dd_side"><img src="spacer.gif" class="dd_side" height="1" width="1"></td>

<td><img src="spacer.gif" height="1" width="1"></td>

<td><img src="spacer.gif" height="1" width="1"></td>

</tr>

<tr>

<td class="dd_side" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td>[NAV]</td>

</tr>

<tr>

<td style="padding-left: 10px;" id="SidePane" runat="server"></td>

</tr>

</table>

</td>

<td width="6"><img src="spacer.gif" height="1" width="6"></td>

<td valign="top" width="100%">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="dd_midLight" style="height: 25px; background-image: none; text-align: left;">[SEARCH]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;

&nbsp;&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="dd_login">[LOGIN] &nbsp; &nbsp;

&nbsp;[USER]</span></td>

</tr>

<tr>

<td class="dd_midDark"><img src="spacer.gif" height="4" width="1"></td>

</tr>

<tr>

<td id="TopPane" runat="server" style="padding-top: 5px;" visible="False"></td>

</tr>

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="dd_innerside" visible="False" id="LeftPane" runat="server" style="padding-right: 6px; padding-top: 5px;" align="left" valign="top"></td>

<td id="ContentPane" runat="server" style="padding-top: 5px; padding-right: 15px;" align="left" valign="top"></td>

<td id="RightPane" runat="server" style="padding-left: 6px; padding-top: 5px;" align="left" valign="top"></td>

</tr>

<tr>

<td></td>

<td>&nbsp;</td>

<td></td>

</tr>

</table>

</td>

</tr>

<tr>

<td id="BottomPane" runat="server"></td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="3"><img src="spacer.gif" height="5" width="1"></td>

</tr>

<tr>

<td colspan="3" class="dd_topDark" style="padding-top: 3px; background-image: none;" align="center" height="25">

<div class="dd_footer">[COPYRIGHT]&nbsp;&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;&nbsp;[PRIVACY]</div>

</td>

</tr>

</table>

</td>

</tr>

</table>
 
 Page 1 of 2
12Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Nav MenuNav Menu


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out