Highlight text in the menu bar on specific pages

Hello

I'm trying to change the color of my page titles in my menu bar of grey to white when I'm on that specific page so that people know where they are.

I have given each nav item an ID and have tried to add a specific encoding for style ID to each page in the source code. For example:

< style >

{#services}

color: #FFF;

background: #197A3A;

}

< / style >

He strives to change the background color of this element (so when on the 'Services' page, the background color for this menu item is highlighted as a paler colour) but the text changes color. I've tried everything!

Please can someone offer me advice as to where I'm wrong?

Thank you

Vicky

Here is my code from menu:

#menu, #menu ul {}

list-style: none;

}

{#menu}

margin: auto;

margin-bottom: 30px;

top of the margin: 40px;

}

#menu: before,

#menu: after {}

content: "";

Display: table;

}

#menu: after {}

Clear: both;

}

{#menu}

Zoom: 1;

}

#menu li {}

margin: auto;

float: left;

position: relative;

}

#menu a {}

margin: auto;

float: left;

Padding: 19px 24 PX.

color: #999;

Police: bold 12px;

text-decoration: none;

text-shadow: 1px 0 0 #000;

}

#menu li: hover > a {}

color: #fafafa;

}

* html #menu li a: hover {/ * only IE6 * /}

color: #fafafa;

}

#menu ul {}

_margin: 0; / * IE6 only * /.

opacity: 0;

visibility: hidden;

position: absolute;

top: 38px;

left: 0;

z-index: 1;

Background: #444;

background: linear-gradient(#444, #111).

box-shadow: 0 - 1px 0 rgba (255,255,255,.3);

border-radius: 3px;

transition: .2us any ease-in-out;

top of the margin: 40px;

right margin: 0;

margin-bottom: 0;

left margin: 0;

}

#menu li: hover > ul {}

opacity: 1;

visibility: visible;

margin: 0;

}

#menu ul ul {}

top: 0;

left: 150px;

margin: 0 0 20px 0;

_margin: 0; / * IE6 only * /.

box-shadow:-1px 0 0 rgba (255,255,255,.3);

}

#menu ul li {}

float: none;

display: block;

border: 0;

_line-height: 0; / * IE6 only * /.

box-shadow: 1px 0 0 #111 2px 0 0 #666;

}

#menu ul li: last - child {}

box-shadow: none;

}

#menu ul a {}

padding: 10px;

Width: 130px;

_height: 10px; / * IE6 only * /.

display: block;

white-space: nowrap;

float: none;

text-transform: none;

}

#menu ul a: hover {}

background-color: #993300;

background-image: linear-gradient(#993300, #8A2E00).

}

#menu ul li: first - child > a {}

border-radius: 3px 3px 0 0;

}

#menu ul li: first - child > a: after {}

content: ";

position: absolute;

left: 40px;

top:-6px;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

border-bottom: 6px solid #444;

}

#menu ul ul li: first - child a: after {}

left:-6px;

top: 50%;

margin-top:-6px;

border-left: 0;

border-bottom: 6px solid transparent;

border-top: 6px solid transparent;

border-right: 6px solid #3b3b3b;

}

#menu ul li: first - child a: hover: after {}

border-bottom-color: #993300;

}

#menu ul ul li: first - child a: hover: after {}

border-right-color: #993300;

border-bottom-color: transparent;

#menu ul li: last - child > a {}

border-radius: 0 0 3px 3px;

}

Hi SV -.

Delete non breaking spaces before the color and background attributes

Of this:


color: #FFF! important;
background: #81B72B;
}

To do this:

I'll give you this:

Tags: Dreamweaver

Similar Questions

  • cannot read the text in the menu bar icons browser.some it on a black background. Text is blue and can be seen on blackground.

    all menu bars at the top are black without text.

    Right-click on the desktop, click on properties
    Select Windows classic in the drop down of themes
    Click on apply.
    Then go back to your original topic. Ramesh Srinivasan, Microsoft MVP [Windows Desktop Experience]

  • Different color of the menu bar vertical one page.

    Hey everybody! I am new to Muse. I am trying to create a left vertical menu and I wish it were white. I would like to the side right (the rest of the site, to be a clear gray color. In design mode, it is perfect, however, when I saw the site there is a white space between the page and the footer. I do not have my information that I would have in the foot, I've tried to eliminate, but that has not worked. It is the best example that I found to represent what I'm trying to do. About us | Restaurant Restaurant Arbor Arbor

    2016-05-03 (4).png2016-05-03 (5).png

    Hi laurenk8622776,

    I need to check your .muse file and identify the problem.

    You can download your site on all could like dropbox or wetransfer files sharing service.

    share the download link with me a private message.

    To do a MP, click my username.

    Best regards

    Ankush;

  • icon black triangle in the menu bar

    MacBookPro 15 "w, end of 2012 retina

    OS X 10.8.5 (ML)

    Equipped with Safari or numbers, with several other applications in the level, when I noticed a black equilateral triangle with rounded corners and not of brands in a position of extreme left of the menus "icon" at the right end of the menu bar.

    When I placed the mouse pointer, I got the spinning beachball, clicking on it produces no action, so I started activity monitor to take a look at the list of processes, where there is no element of red text saying "such" is not responding.

    Finally, I did a restart and checked through all the accounts on the machine without seeing the new icon.

    Any ideas as to what it was?

    Rgards,

    Barry

    You can take a screenshot and post it?

    Command + shift + 4

    Click and drag the cross on a reasonable part of the menu bar, so we get an idea of the place where, and which is adjacent to the triangle.

    Try to do not include personal information.

    The screenshot will be placed on your desktop.

    You can use Preview-> tools-> annotate to draw circles, boxes, arrows, and put the text on the next page if you feel you need our attention on something specific, or block anything sensitive that went up in the screenshot.

    Start a response to this tread, then drag and drop the screen shot file in the answer box.  Add any additional text as the case.

  • I'm visually impaired, and due to changes in UI v29, I see is no longer the menu bar where it is hidden in the title bar. How can I move it back to where it belongs?

    I have two computers at home and their improved to 29 of Firefox not knowing it contained UI heavy Exchange. I use the menu, bar and it is now superimposed on the title bar, where due to a visual disability, I can no longer see. Both systems have contrasting colors lit (white on a black background - forget Aero and trick themes), and Firefox is configured to use the system colors.

    Prior to version 29, the menu bar has white text on a black background. now it's on a background of colorful and almost completely invisible to me. The expansion is via the Windows Magnifier and Magnifier added to some Microsoft mouse top of range.

    As you can see on a brand new Virgin of installation of Firefox, no addons, no pre-existing profile, version 29 puts the menu bar on the taskbar. And Firefox, set up as I have, on a configured system with contrasting colors (black in my case) enabled, Firefox is unthemeable.

    But no matter, I Solver this myself. I started in XP and not update Firefox to find a new addon named "Classic theme restaurant" Who did the trick. This mark as resolved. But...

    I wish (not just Firefox) developers who want to fancy to the top of their interfaces would think how it would affect people with visual impairments. We use computers too.

  • I want to merge the window address bar and search with the menu bar in order to avoid a really stupid design feature that the last "update" forced on me. How can I?

    The boring latest Firefox update separated the menu bar and address two bar and moved the address bar below my tabs, nor what is logical or useful and wastes space. How can I combine them?

    Christopher,

    Sorry, there is nothing for Mozilla to 'fix', the new UI Australis works as expected. I'm not satisfied with these changes, as a number of talented developers who have spent a lot of time creating extensions to correct that some of us don't like the new UI.

    This door extension on most of the changes in the new user interface, and what it does not there can be an extension separated for that, too.

    https://addons.Mozilla.org/en-us/Firefox/addon/classicthemerestorer/

    To meet these specific issues that you mentioned in your first posting, the menu bar is not really necessary to have on the screen all the time. If you hid it, you can press Alt to only show. In addition, many of the main menus on the menu bar are available from the button Menu to open '3-bar "; something new for the user is to become familiar with.

    It is always possible to personalize then move buttons to toolbar on the Menu bar, if you want to display the Menu Bar all the time.

    The menu bar and address bar have always been distinct by default, but unfortunately the ability to "Customize" the address bar (on which the address bar is a part of) has been considerably limited compared to previous versions of Firefox.

    Regarding the location of the 'tabs band', he called "The tabs at the top" and was already the default for some versions of Firefox. This Museum is the hidden preference (browser.tabs.onTop) , which allowed the user to turn off this preference.

    These two extensions add this pref in versions of Firefox 29 +:

    https://addons.Mozilla.org/en-us/Firefox/addon/tabs-on-bottom/

    https://addons.Mozilla.org/en-us/Firefox/addon/fdgueux-tabs-on-bottom/

    Just as the Restorer of classic theme, but without the other proposed changes to the CTR.

    In closing, Mozilla has made studies on how Firefox users using Firefox, and how they have changed the Firefox; the results showed that a minority of users changed anything about Firefox. And a super minority of users of Firefox went as far to change the user interface, like the poster in this thread we're talking.

    I am part of this "great minority", I tend to 'customize the hell' of Firefox. And I'm working on a solution to many changes, while avoiding the use of extensions when possible; Although my solutions do not involve change "Tabs at the top", which is a change, I welcomed in Firefox 4.0.

  • How to increase the size of the menu bar?

    My bar menu and all the buttons at the top suddenly, all are much smaller. Any ideas on how to increase the size of the top of the screen? IM talking not about the size of Web pages, just the menus up to the top.

    Don't want to use the menu bar and not the Firefox menu button?

    See also:

    You had previously placed all the items in the Menu bar?

    You can set the layout.css.devPixelsPerPx pref on the topic: config page on 1.0 or Windows 8 to 1.25 and if necessary adjust layout.css.devPixelsPerPx from 1.0 to 0.1 or 0.05 steps (1.1 or 0.9) do the icons to display properly.

    See also:

    An extension allows you to adjust the size of the text in the user interface and zoom the page in the browser window.

    You can watch this extension to adjust the font size for the UI (toolbar).

    You can watch the Default FullZoom Level or NoScript extension if the web pages need to be adjusted after the change of layout.css.devPixelsPerPx.

  • Why the menu bar menus cannot be moved to another toolbar?

    Hello

    In previous versions of Firefox, I used to move all the items of the menu bar navigation bar.

    But now that the tabs can be at the top of the window, which saves a useless space (the guys great work there), I hide the menu bar to use (and use the Firefox button).

    Since I can't find all the options that I used to find in the menus in the Firefox button (it has less detail and I have an additional module - ScrapBook - added a menu for traditional menus), I tried to move the navigation bar menus, so I can use them both at the same time. It seems that I can't move the menus anywhere in the menu bar. Why? I see no reason for the menus don't not have to be mobile as the other elements.

    This would give an opportunity to use old (and huge) menus and the new button at the same time.

    Thank you.

    teagish:

    Tagish said: I do not see an image in your last post, so I guess that you have changed from that of the ' 29/11/13 12:47 ' post.

    Answer: This is the image that I was referencing.

    Here's a broad overview of the Australis in its current form (there is little information that we are almost half a year of release and the release date can always be pushed if necessary) - https://blog.mozilla.org/ux/2013/11/australis-is-landing-in-firefox-nightly

    To download Australis - https://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-ux/

    • Set up a separate profile for each version of Firefox including Australis to avoid damage to your profile-

    Don't forget that Australis is in pre-alpha, is not intended for the average user, for purposes of testing only at this point, is not completely stable and safe for daily use and is subject to change on a daily basis.

    Remember that anything, including the answers that I gave you earlier in this post and this post below this post (so that should happen) is subject to change, because the developers your feedback and if they decide to make a change.

    I suggest that you expect the Australis interface is closer to release to specific questions; Maybe wait for it either in the Aurora channel in a few weeks, then download and install it and use the Firefox Help menu > submit your comments to send feedback to the developers. Will NOT respond to your comments, but they can read them.

    1. The activity indicator is no longer available. Maybe an add-on will be developed later.
    2. Moving of House provided, download and bookmark combined this bookmarks / page display is possible and that they can be moved to the left of the URL/address bar. It seems that the button bar-3 (with customizable content by the user) is NOT mobile and can NOT be hidden. Note that the bookmark bookmarks button / display the page is currently "twinned" and cannot be moved as a unit.
    3. URL/address bar and the search bar may NOT currently be removed or hidden. In fact, the Navigation toolbar is more may be hidden. It is my understanding that the URL/address bar is now a single unit which includes the Go/Stop/Reload button and Back/Forward button and components Go/Stop/Reload button and Back/Forward button cannot be separated from the URL/address bar. There has been a lot of questions on the forum where users have hidden or deleted these articles and it causes huge problems for them.
    4. Read carefully, as I've included in one of my previous posts. Currently the default installation of Australis places the Menu bar at the left end of the title bar of the windows with the minimize mazimize, close of the buttons on the right side of the title bar. The menu bar is NOT currently but mobile can be turned off and temporarily displayed by pressing ALT or F10 in Windows. The Menu bar can be replaced using the add-on classic theme restaurant (click on the link where it is mentioned in a previous post above) to display the Firefox button. It is supposed to display the Firefox button in the title bar, but he shows currently below the title bar, taking a vertical line of the space. Currently the bar menu, when poster takes a bit more pixels vertically it needs; I hope that will be fixed.
    5. Currently, the default installation shows the menu bar (where the left side of the Windows title bar was previously), tabs, and the Navigation toolbar.

    Some add-ons will probably grow to allow users to modify some, but not all, changes to the interface. Restorer of classic theme has already been mentioned above, and I used it to change the look of my working version of installed 28.0a1 Australis.

    Let's please wait and see what develops rather guessing what might happen, or make decisions based on the current pre-alpha of Australis.

  • The menu bar and HUD elements are unusually high in 22 FF.

    In the new version, the size of the menu bar and toolbars following seems to have increased slightly. This also seems to have forced the icons on the toolbars to expand it, forcing to be blurred as they are displayed in a normal resolution.

    In addition, the zoom level (size of text and element) for many Web pages has increased. Manual reset with ctrl + scroll down works, as well as the pages retain their correct size, but it is frustrating to repeat this for each Web page.

    I checked that the size of text in the Options setting has not been changed.

    What can I do to cancel this change in appearance?

    See

  • Using tab, typing in the Menu bar opens irritating drop to the bottom of the page.

    Whenever I type in the search bar, or the menu bar, a drop down menu appears irritating. When I'm in a normal page and try to tab the text box text box the same to #@ #$ arrives.

    Whenever I hit "Control C" to copy and then paste - stupid same drop-down menu. It's so annoying that I'm FF 13 bottom until it is resolved.

    Start Firefox in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance/themes).

  • startup, icons are missing in the menu bar

    After installing startup ElCapitan, icons are missing from the menu bar. There are empty spaces where start icons should be. Basically the icons are there but they are invisible.

    Be specific, or better yet show a screenshot where you expect to see the icons (you can use the application overview use the arrows to point to areas) and let us know exactly which apps you expect to see.

    Also, make sure that the apps that you expect to see are supposed to work in El Capitan!

  • How to get the menu bar and dock to stay visible in Mail?

    To expand the text in my mail, I hit full screen to see if the text to expand.  However, I lost the menu bar and the dock, which was still visible before.  I have a Mac Pro with the retina (13 '').  If I move the cursor to the top or the bottom of the screen, they show.  I read that if I press ESC, it will leave full screen.  Well, it does, but the screen is reduced to half of its size and the menu comes on top.  But how I show all the time in the mail.  Weather in Safari.  Thank you!  Debbie

    Exit full screen. Hold the option key and press the green button to expand the format full screen or

    You can drag the window of mail to any size you want from the corner or edge.

  • Cannot hide the menu bar in Windows Explorer

    Problem with the menu in Explorer windows (document e.i) bar it shows. It shouldn't be there, because the setting is unchecked under organize, layout and folder options click veiw always show menus uncontrolled. I can't hide the menu bar.

    Thank you

    Long

    I tried method 1 to 5 does not work.

    I don't have an Acer.
    The following text makes sense for you? ......

    Quote a fold named Eric l. in vistax64 forum.
    referral link: http://www.vistax64.com/vista-general/56613-hide-menubar-explorer.html

    The same thing happened to me! This problem is probabily caused by Acer
    eDataSecurity Management. This software MUST be installed (but does not
    to be initialized or setup) so that my solution work. Open an Explorer
    window, e.g. 'computer '. Right-click on an empty spot in the menu bar. You
    should see 'Acer eDataSecurity Management' is checked. Uncheck it. Now the
    menu bar should appear and disappear with the support of the [Alt] key.

     

    For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

  • How can I add a new page without connection to the menu bar?

    Hello!  I would like to create a new page in the top-level section. However, I don't want to link via the widget bar menu... and the link instead, through a hyperlink or button of one of my main pages link. I don't want this page to be a drop down in the menu bar. Thank you in advance!

    (^ ^ ^ with peak =).

    And then just link your object/text with the standard menu of hyperlink!

  • I would like to than the menu bar does not bind a page (legal notice). How to do this?

    I want to put a text on each page with links to a special page that must not appear in the menu bar.

    And the second question in the same way is how to have a second version of my site in a different language where the pages do not appear in the menu bar (in french for example when I'm in the English version.

    Thank you.

    You can choose to click with the right button on a page, go to the Menu Options and select 'Page to exclude Menus '. In this way, you will be able to export this page but not automatically include it in the Widget Menu.

    For a multilingual site, I would advise that use you a menu manuals for each language. Please visit: http://multilan.businesscatalyst.com/index.html

    Example of Source: http://multilan.businesscatalyst.com/assets/multilan.muse

    See you soon,.

    Vikas

Maybe you are looking for