Active page Menu button hover styling

I having a bug / issue with the 'Active' state on the menu buttons. Even though the Active state on the buttons are correct in Muse when designing, whenever I publish, then hover over on the active page menu button.. the styling switches to a white font with a white bg. I need the white bg but the font color is supposed to be black.. like I have set it inside Muse.
Here's what I mean clickhere
Each page's own menu item on (hover state) goes to white on white. Here's also a screen of my Muse 'states' clickhere so you know I have it correct.

Hello,
In HTML, whenever a link is in active state, no other states work on it. Here in your case, the link is on the Menu item (Button) and not on the text inside that button.
Which is why, the colour of text changes but the colour of the Button does not change when it is in Active state.
I would here suggest you here to use some other color combination so that it is displayed properly to the users.
Regards,
Sachin

Similar Messages

  • Navigation menu active page color not behaving as it should

    I created an unordered list for the mainnav links. I use the following lines in the code:
    <li><a href="../index.html" class="thispage">Home</a></li>
            <li><a href="#">Events</a></li>
            <li><a href="#">Music</a></li>
            <li><a href="#">Agenda</a></li>
            <li><a href="../Pages/artists.html">Artists</a></li>
    The Home button shows the color for 'active', but if I go to the artists page it first shows the hover color, then the page opens but does not show the active color.... I.o.w. the Home button stays on active though it is not active.
    Please see the effect on my testsite: www.adrianrooymans.nl

    armona22 wrote:
    I'm sorry, but I tried that already, and it does not solve the problem. If I do that I get TWO active pages, but clicking anywhere on the artists page makes the blue color go away, except for the Home button.... I could temporarily put that on the testserver so that you could see what happens (unless you beleive me).
    You will get two active menu items unless the class is removed from the links that you don't want it on.
    If you look at the example page code in the 'completed' folder of the Bayside Beat tutorial you will see on the 'index' page the class has been added to the 'index' link:
    <nav id="mainnav">
          <ul>
            <li><a href="index.html" class="thispage">Home</a></li>
            <li><a href="sightseeing.html">Sightseeing</a></li>
            <li><a href="#">Eating Out</a></li>
            <li><a href="#">What's On</a></li>
            <li><a href="#">Where to Stay</a></li>
          </ul>
        </nav>
    Whilst on the 'sightseeing' page the class has been moved to the 'sightseeing' link:
    <nav id="mainnav">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="sightseeing.html" class="thispage">Sightseeing</a></li>
                <li><a href="#">Eating Out</a></li>
                <li><a href="#">What's On</a></li>
                <li><a href="#">Where to Stay</a></li>
            </ul>
        </nav>

  • Change of status menu buttons in a one page website.

    I'm creating a one page website with Adobe Muse. My problem is, how to make the menu buttons (which are pinned at the top and are always on the same point when scrolling down) change their status (Normal, active, etc.) when the adequate page is reached by scrolling)

    Hi,
    To achieve this you can create manual menu. You have the option for creating manual menu in Muse. Check this :
    Later when you have created the menus, you can create anchors for different sections of the site where you want to direct the users when they click on one menu item and then link the menu item to those anchors.
    Hope this helps.
    Regards,
    Rajan

  • Won't open homepage on open, won't open web pages from the menu 'open new window', Can't open menu button

    Ok, since update to version 31.0, I have been having some problems.
    I have tried doing everything stated in the support page about resetting, reinstalling, safe mode, restarting pc etc.
    First problem, when I open Firefox no web page loads. It just says New Tab and a blank white page. If I press the home button I am taken to my homepage which is google.
    Second problem, when I right click on a link and the menu pops up, if I click open in new window, a new window opens but it just says New Tab with a blank page and no URL information, just blank.
    Third problem, the Open Menu button just doesn't work at all. You can click all you like, that thing is not opening.
    I am really stuck as to what to do. I have only been using Firefox for about a month and t was good until these problems. If I can't resolve it, I will have to use another browser as it is really annoying.
    I am using Windows 8.1 by the way and have scanned my computer thouroughly for both virus's and malware.

    Hi zenithtwc, to test whether this is a settings issue, could you do a three-minute experiment?
    '''Create a new Firefox profile'''
    A new profile will have your system-installed plugins (e.g., Flash) and extensions (e.g., security suite toolbars), but no themes, other extensions, or other customizations. It also should have completely fresh settings databases and a fresh cache folder.
    Exit Firefox and start up in the Profile Manager using Start > search box (or Run):
    firefox.exe -P
    ''Don't delete anything here.'' Any time you want to switch profiles, exit Firefox and return to this dialog.
    Click the Create Profile button, assign a name like Test731, and skip the option to change the folder location. Then start Firefox in the new profile you created.
    Can it reach the internet?
    When returning to the Profile Manager, you might be tempted to use the Delete Profile button. But... it's a bit too easy to accidentally delete your "real" profile, so I recommend resisting the temptation. If you do want to clean up later, I suggest making a backup of all your profiles first in case something were to go wrong.

  • Browser menu button quit, wont load pages

    after cleaning history n cookies hoping to speed up my Q10, the browser will open but right menu button wont pop up and the left button for history and other browser windows wont pop up either. Did a back up and restored and still doesnt work. only can get it to open and particially works through links in old texts or bbms and then left button will work again. How do i fix this, need access to the browser daily for work!

    I am having the EXACT same problem. At first I thought my network had slowed down, and I was ready to switch to Cable from DSL to speed things up, but then I noticed that when I bring my work portable home and work on the same network, I don't have any problem--although it uses the same network. It's a Dell portable that uses Windows and I get the same speeeds I have gotten until recently on my Apple computers. I switched to Apple and bought a new computer for my daughter last year and one for myself this year to avoid the security problems with Windows XP, but now my service is so slow that even dial-up would be speedier and half of the time the page loads don't work at all. WHat's up with this? I tried Firefox, but it's really not much better after the first day.

  • How to show active page in Spry Menu Bar using images

    Hi,
    I have already read this answer "how to show active page in spry menu bar" but I am using images, not text.  I have mouse-over and mouse-out working in the Spry Menu Bar using image.png and image-over.png, but I cant' figure out how to get the image-over.png to appear on the active page since the spry menu bar is locked on the individual pages.  (I tried to put it in an editable comment, but spry wouldn't go for it. :-)
    Any ideas.  Here is the code:
    <ul id="MenuBar1" class="MenuBarHorizontal">
           <li><a href="../index.html" id="home" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../images/all_pages/home-over.png',1 )"><img src="../images/all_pages/home.png" alt="Home Page" name="home" width="58" height="20" border="0" id="Image8" /></a></li>
           <li><a href="../show.html" id="show" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('show','','../images/all_pages/show-over.png',1)"><img src="../images/all_pages/show.png" alt="The Show" name="show" width="101" height="20" border="0" id="show" /></a></li>
            <li><a href="../team.html" id="team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('team','','../images/all_pages/team-over.png',1)"><img src="../images/all_pages/team.png" alt="The Team" name="team" width="97" height="20" border="0" id="team" /></a></li>
            <li><a href="../company.html" id="company" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('company','','../images/all_pages/company-over.png',1)"><img src="../images/all_pages/company.png" alt="The Company" name="company" width="139" height="25" border="0" id="company" /></a></li>
            <li><a href="../beatles-tickets.html" id="tickets" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tickets','','../images/all_pages/tickets-over.png',1)"><img src="../images/all_pages/tickets.png" alt="Tickets" name="tickets" width="75" height="20" border="0" id="tickets" /></a></li>
            <li><a href="../media.html" id="media" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/all_pages/media-over.png',1)"><img src="../images/all_pages/media.png" alt="Media" name="media" width="61" height="20" border="0" id="media" /></a></li>
            <li><a href="../news-reviews.html" id="news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news_reviews','','../images/all_pages/news_reviews-over.png',1 )"><img src="../images/all_pages/news_reviews.png" alt="News-Reviews" name="news_reviews" width="149" height="20" border="0" id="news_reviews" /></a></li>
            <li class="MenuBarHorizontal"><a href="../contact.html" id="contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/all_pages/contact-over.png',1)"><img src="../images/all_pages/contact.png" alt="Contact Us" name="contact" width="79" height="20" border="0" id="contact" /></a></li>
         </ul>
    Thanks so much for helping!
    Cheers,
    Janell

    Just found this page:
    Persistent Page Indicator
    Update: Drat, it is for text menus only not using images. :-(
    Cheers,
    Susan

  • How can I show an active page on menu?

    I am working in DW CS3 and using a Spry menu and want to be able to show the active page on the menu. Have looked at previous discussions but am still very confused. New to DW and not very code editing proficient. Please help.

    Place the following in the HEAD section of your document
    <script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
    function InitPage(){
    Spry.$$('#MenuBar1 li').forEach(function(node){
         var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
         if(a.href == window.location){
              Spry.Utils.addClassName(node,"activeMenuItem");
    Spry.Utils.addLoadListener(InitPage);
    </script>
    <style type="text/css">
    .activeMenuItem {
         background: #F00;
         font-weight: bold;
    </style>
    and make sure that SpryDOMUtils.js is in your SpryAssets folder.
    Ben

  • I have website that on the Home page and the home only. When opened in Chrome or Safari the last 3 menu buttons do not work.

    I have website that on the Home page and the home only. When opened in Chrome or Safari the last 3 menu buttons do not work. But work fine in Explorer and Firefox.Its weird. The site is baystatewiring.com see if you have the same problem. Does anyone have a idea?

    Code errors could explain the problem.  You're missing a closing </div> tag for container.
    [Invalid] Markup Validation of http://baystatewiring.com/index.html - W3C Markup Validator
    Try changing your link CSS from display: inline to display: inline-block.
    Nancy O.

  • Adding pages without adding menu buttons.

    I've built a website with iweb: www.freedin.org. I want to add pages, underneath pages, that already exist, because I don't want a new menu button for each page I put up.
    Is there a way to layer the pages, like the layers of an onion, so that if you went to Din's Unfair Trial menu page, you could click on pages below, all living under the same menu button?
    Panther

    In iWeb, go to a page you don't want to appear in the navbar (the menu). Click on the inspector button (the blue circle with an i). Click on the page icon, and uncheck the "Include page in Navigation Menu."
    On the page you want to be the "master" page for that section, add links for the pages that don't appear in the Navigtion Menu. Links are also created from the inspecto. Select the text or picture you want to be a link; click on the inspector, then click on the blue circle with the arrow. Check "Enable as Hyperlink" and select the appropriate choices from the drop-down menu.

  • Dreamweaver CS5.5 Template - Main menu button not going to correct page link

    Hi,
    Please help me, as i am new to Adobe Dreamweaver.
    I created a website in Dreamweaver CS3, then recently changed to CS5.5, firstly i couldn't get the templates to update, but by playing around i managed to get the template up update all the pages. #
    I am now having problems when i click on the link in the website, it seems to be looking in the templates folder for the html page.
    Website addrerss: www.malegroominglounge.co.uk
    Pages that i am having problems with when i click in the menu buttons : Male Waxing, Contact Us & Find us,
    This is sometimes working but most of the time comes up with: 'Page cannot be found' and when looking at the URL it is e.g http://www.malegroominglounge.co.uk/Templates/malewaxing.html
    Why is it looking at the templates folder?
    I have checked the template file in menu url and it has not got an extension to look in the 'templates' folder.
    Could someone please help?

    Hi
    Thanks for your investigation.
    Yes i can now see on the source that it is using the templates folder e.g (www.malegroominglounge.co.uk/templates/findus.html), but when I go into dreamweaver template, the code i see is:
      <div id="sidebar1">
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="index.html" class=" style1 style21">Home</a> </li>
          <li><a href="aboutus.html" class="style35">About Us</a></li>
          <li><a href="malewaxing.html" class="style35">Male Waxing</a> </li>
          <li><a href="malemassage.html" class="style35">Male Massage</a></li>
          <li><a href="manicure&amp;pedicure.html" class="style35">Male Manicure &amp; Pedicure</a></li>
          <li><a href="facials.html" class="style35">Male Facials</a></li>
          <li><a href="feedback.html" class="style35">Contact Us</a></li>
          <li><a href="findus.html" class="style35">Find Us</a></li>
          <p> </p>
          <li><img src="holisticguild300.jpg" width="130" height="46" hspace="3" /></li>
        </ul>
    So not sure what i'm doing wrong.
    Can I just check that the 'Don't rewrite relative document paths' check box should be unticked (this is found in DW CS5.5 - Site - Manage Site - Edit - Advanced Settings - Templates)
    Any help much appreciated
    Cheers

  • Why would menu button's active state not work? Regardless if I import PSD button or use menu widget from the widget library.

    I am using Adobe Muse CC (up-to-date) and tried to troubleshoot the following: Menu button's active state is not working, both on preview and after publishing. I tried many ways to place menu-designed buttons myself using photoshop and used widgets library (buttons, compositions, menus,etc.). Lastly, in regards to buttons, one of my menu buttons appear clear and crisp (psd button) and all others are blurry (though designed,saved and imported the same way);what could be the problem? Can anyone help?Thanks.

    That line is for pop up message?You would typically use a tool tip for that.
    The "Accessibility" features are different and I believe you need additional software to take advantage of them:
    http://java.sun.com/j2se/1.5.0/docs/guide/access/index.html

  • Crop Tool Button Problem - Sometimes it works, other times you get Crop Pages Menu

    I can't be the only person who's had this problem. Sometimes in Acrobat when I press the Crop Tool button, I get to use the rectangle selection box window and it works fine. Other times when I press the Crop Tool button, I get the Crop Pages menu which is very fustrating .
    I found a solution which is to open a PDF where the Crop Tool works fine. Use the Crop tool command and save it. Exit Acrobat. After doing this, any PDF should work fine with the Crop Tool, but there's gotta be a better way.
    Any experts know a setting I missed or a mistake I'm repeating?
    Note: It seams when Crop Tool works correctly, the button stays pressed down (darkened), but when it doesn't work, the button stays up (not highlighted).

    You'd have to get a quote from a phone shop or Nokia Care ! But you can buy the phone from £50 to £150 on Ebay, so may not be worth the repair ?
    http://phones.shop.ebay.co.uk/Mobile-Phones-w-o-Co​ntract-/9355/i.html?_nkw=n95.&_catref=1&_dmd=2&_fl​...
    If I have helped at all, a click on the White Star is always appreciated :
    you can also help others by marking 'accept as solution' 

  • Highlighted menu button per page

    How do I set the menu button for the currently open page
    highlighted in dreamweaver?
    My code is like this:
    <ul id="navigation" class="navIR">
    <li id="nav-home"><a href="../"
    class="current"><em
    title="Home"></em>Home</a></li>
    <li id="nav-about-us"><a
    href="../about.php"><em title="About Us"></em>About
    Us</a></li>
    <li id="nav-contact-us"><a
    href="../contact.php"><em title="Contact
    Us"></em>Contact Us</a></li>
    </ul>
    As you can see right now the home page has class="current".
    But using templates, how do I get this to apply to the others when
    those pages are open?

    Heres a tutorial:
    http://www.communitymx.com/abstract.cfm?cid=F1394
    maartenvr wrote:
    > How do I set the menu button for the currently open page
    highlighted in
    > dreamweaver?
    >
    > My code is like this:
    >
    > <ul id="navigation" class="navIR">
    > <li id="nav-home"><a href="../"
    class="current"><em
    > title="Home">Home</a></li>
    > <li id="nav-about-us"><a
    href="../about.php"><em
    > title="About Us">About Us</a></li>
    > <li id="nav-contact-us"><a
    href="../contact.php"><em
    > title="Contact Us">Contact Us</a></li>
    >
    >
    > As you can see right now the home page has
    class="current". But using
    > templates, how do I get this to apply to the others when
    those pages are open?
    >

  • Front Page 98�s hover buttons problem

    hi
    I hope i'm in the right forum.
    May someone help me to solve this problem?I am experiencing problems with getting Front Page 98�s hover buttons to function. Below is the coding.
    <applet code="fphover.class" codebase="./" width="120" height="24">
    <param name="color" value="#000080">
    <param name="hovercolor" value="#0000FF">
    <param name="textcolor" value="#FFFFFF">
    <param name="text" value="C Programming">
    <param name="effect" value="glow">
    <param name="url" valuetype="ref" value="http://metalab.uniten.edu.my/~azhana/indexCProg.html">
    </applet>
    Are there anything wrong with it?May somebody tell me how to solve it?
    Hope I will get the reply A.S.A.P.....Thank you....

    This is just a front page hover button. front page creates the class. My question basically is , when the page is published , is it enough to just have that class file on the server and have teh html code point to it.
    and here are the tags btw..
    </applet>
    <applet code="images/fphover.class" codebase="./" width="120" height="24">
    <param name="hovercolor" value="#0000FF">
    <param name="textcolor" value="#FFFFFF">
    <param name="text" value="Sea Otter Live">
    <param name="color" value="#000000">
    <param name="effect" value="glow">
    <param name="url" valuetype="ref" value="http://seaottermusic.com/sea_otter_live.htm">
    </applet>

  • How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly? As I can't pin it, I keep it on top of the page with scroll effect 0. It collapse, shows the menu buttons but doesn't close back once it reaches the

    How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly?
    As I can't pin it, I keep it on top of the page with scroll effect 0.
    It collapse, shows the menu buttons but doesn't close back once it reaches the anchorpoint.

    Muse won't let you, at least not that I know of. You could find the class in the code that muse gives it position: fixed…I think. You could paste it into the head area of your page properties to override the class. I believe something like this would give you persistent nav bar, pinned at the very top, on mobile:
    #youmuseclass {position: fixed;}
    I wouldn't use any parallax on mobile either, the performance is terrible.

Maybe you are looking for