NetTalk Central

Author Topic: NT11 doubledrop menu display  (Read 6406 times)

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
NT11 doubledrop menu display
« on: July 13, 2019, 10:50:32 AM »
Just upgraded an app to NT11 (using C10) and the double drop menu display has changed - please see attachment.

Have I missed out some CSS or is this the way the menu looks now with jQueryUI 1.12.1?

Mike

(using NT11.15)
Mike McLoughlin

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: NT11 doubledrop menu display
« Reply #1 on: July 14, 2019, 10:18:57 PM »
Hi Mike,
there is a new horizontal menu widget in NT11, but the look is all controlled by CSS.
Yours does look a bit weird with all the underlining, but I'd need to see an example to show you where the css is coming from.

cheers
Bruce


Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: NT11 doubledrop menu display
« Reply #2 on: July 14, 2019, 10:32:30 PM »
I'll poke around a bit with F12, and if I can't see it I'll get back to you.  mainly I'd like to get rid of the blocky look.

thanks

Mike
Mike McLoughlin

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: NT11 doubledrop menu display
« Reply #3 on: July 15, 2019, 12:53:02 AM »
I'm getting an HTML error in the F12 inspector

<nav id="menu_div"  class=" nt-menu-div ui-corner-br"><div id="menu_burger" class="nt-noprint nt-small-menu"></div>

Is the div for the menu burger in the wrong place?
Mike McLoughlin

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: NT11 doubledrop menu display
« Reply #4 on: July 16, 2019, 04:10:22 AM »
What's the error? (Perhaps a screenshot...?)

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: NT11 doubledrop menu display
« Reply #5 on: July 16, 2019, 07:25:07 AM »
it was just a closing div not found msg.  The surplus > after "nt-noprint nt-small-menu"  looks like the problem.

I found where the menu items underline is coming from -

a:visited, span.MsoHyperlinkFollowed {
    mso-style-noshow: yes;
    mso-style-priority: 99;
    color: purple;
    text-decoration: underline;
    text-underline: single;
}

Is MsoHyperlinkFollowed from MS Office???

I attach a screenshot of the CSS for the menu buttons

Mike McLoughlin

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: NT11 doubledrop menu display
« Reply #6 on: July 16, 2019, 06:16:15 PM »
Hi Mike,

>> I found where the menu items underline is coming from -
>> a:visited, span.MsoHyperlinkFollowed {

what css file is that in? It does not look like one of mine...
Perhaps it's built-in as a browser default - what browser are you using?
Is the page online somewhere I can see it?

cheers
Bruce

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: NT11 doubledrop menu display
« Reply #7 on: July 16, 2019, 10:09:39 PM »
I can't find what css file it's in.  It can't be browser related because it appears in all 3 main browsers. 

I'll let you know when I make this version live on my server so you can see it for yourself.

At the moment I'm trying to overwrite it with custom css.

thanks

Mike
Mike McLoughlin

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: NT11 doubledrop menu display
« Reply #8 on: July 26, 2019, 10:17:02 AM »
Found the answer to this one - its a bit obscure but somebody else *might* get the same issue.

My "home page" is a static HTML with Welcome msg, links to training videos etc.  In this HTML was some inline CSS which was affecting the menu display.

I removed the Mso.....css from the static HTML and problem solved :)
Mike McLoughlin