Do the current ('active') in the bar a different color navigation tab

Hi-

How to make the 'active' tab in the navigation bar displayed in a different color, so that the user knows which page is currently viewing the color of the tab from the navigation bar?

I tried to assign a unique ID to each element of the navigation bar (tab), so they can be decorated.  Then, I made a CSS rule for each tp tab set the same color (green) to indicate that the tab is "active".  I ran a test using the 'HOME' tab, but my procedure did not work.  Any ideas as to what I can do?

Here's what I have for HTML and CSS:

HTML:

< div class = "navMain" >

< ul >

< li = "Home" tab id > < a href = "index.html" > home < /a > < /li >

< id li = "AboutTab" > < a href = "about.html" > on < /a > < /li >

< id li = "PortfolioTab" > < a href = "portfolio.html" > portfolio < /a > < /li > ""

< id li = "ResumeTab" > < a href = "resume.html" > curriculum vitae < /a > < /li > ""

< id li = "ContactTab" > < a href = "Contact.php" > Contact < /a > < /li > ""

< /ul >

< / div > <! - END navMain - >

CSS:

{#HomeTab}

do-family: "Arial Unicode MS";

do-size: 18px;

make-weight: normal;

text-transform: uppercase;

Color: #0F0;

text-decoration: none;

}

I also provided my reference site:

http://www.sbaisden.com/

Persistent Page indicator

http://ALT-Web.com/articles/persistent-page-indicator.shtml

Nancy O.

Tags: Dreamweaver

Similar Questions

  • This software allows you to view the clothing in different colors allows?

    Hello

    I am very new to this bear so please with me! I run a small wedding related business and we make and sell multi dresses. I have a couple of samples of these dresses to show customers, but currently it is impossible for me to get a sample of the dress in each unique color that we offer! It would cost me thousands. So I want to know is if there is a software that can show the dress multiway on my site in all of the colors that we offer? Or who does not sound crazy? Often customers want to see what would look like the dress in color chosen before committing to buy which is fair enough, but the only way I can think to do is invest in software that allows this rather than trying to get this dress made in 30 + different colors!

    Can someone advise me?

    You can watch Photoshop for this kind of image manipulation.

    Photo editing software | Download the free trial version Photoshop CC

  • Shakes the screen & display different colors opening lid

    HY, need help...

    I've had this laptop for 2 years and never had any problems, but a few days when I move the screen to open, adjust or close the screen shakes and display different colors.
    Is there something I can do or is the time to take for repair?

    Thank you

    Hello

    In my opinion it s definitely a hardware problem.
    Either there is something wrong with the connection or the screen itself.

    It seems that you have no experience in the laptop repair and so there is no sense in doing this.
    First of all, I doubt that you have all the tools to check what part is affected and then you could damage other parts while removing the procedure.

    So I think that you should get in touch with local laptop technician and should first try to know what's exactly wrong
    Then you can decide what you would then do

    I mean the screen is one of the expensive components for laptop and possibly it s not worth buying a new

  • Draw the dots of different colors and sizes

    Hello

    Is it possible to draw several dots of different colors and sizes?  Small size would be green, medium-sized yellow and big sizes Red?  I tried to use XY and field Multi-XY, but I'm not having much luck.  Looks like there may be a way to do it with ground Multi-XY if I use Plot XY cosmetics and size Scatter Plot cosmetic, but I can't find anything on the functioning of these two options and it did not have a lot of sense to me when I am just playing with it.

    Thank you!

    Gerd has the right idea.

    Say you have 3 ranges: < a,="" a-b,=""> B

    You check each data point as it came, to see who will he fell in.

    Build 3 separate tables and cluster each a vs a table 1 d of the corresponding X values.

    Then if you pass these 3 groups to a XY Chart, you get a graph showing the colors and different styles for each range.

  • Part of the wave in different colors

    Hello world

    Hope everyone is doing well. I have a little problem, I detect the valleies and the crests of the waves, I want the portion which is top or Valley to be in a different color so that the user can clearly see them.

    I use waveform graph. I enclose a photo, in that I circled the part I want to be a different color.

    can anyone help?

    RGS

    Omar

    The answer has been given above.  Here he photo and VI form (version 8.6.1), alternately colored cycles of a sinusoid.

    This method has the disadvantage of requiring a full set of data for each color you want to trace.  Alternatively, you can break your waveform in different pieces and ground to them as separate parcels, making sure that you set the timestamps correctly.  To do this, you will need to set the chart so that it uses the timestamps.  Click with the right button on the plot of the graph area and uncheck Ignore Time Stamp.  This will put your x-axis in times of formatting.  Click with the right button on the x axis, and then select formatting....  Choose the desired formatting, and you should be good.

  • How to use the bottom of different color for the areas of text and form on a landing page?

    For our landing page, I like to keep white as the main background but color will have two text as well as a space for these three areas form box, I would use gray.  I got tired of using Fill Content but it will change the whole landing page background color and not only the text box.

    Someone knows how to do this?

    Thank you.

    Hi Angie, you use the WYSIWYG editor to create pages? If so, if I'm reading this right, you are looking to change the background color of the different page elements? You should be able to select each item and apply the color as below:

    I would like to know if this isn't what you are looking for.

    Best,

    Rob

  • Delete the historical future of historical navigation tab

    After a setting time of my PC error, I used Firefox and tried to surf the web before I realized that I had put the date of one year in the distant future by mistake, I corrected my date and time received a good a few months ago, but I still cannot get rid of the navigation history of the history tab that I can't find the specific instances in the history list full because he thinks that it is in the future.
    ideas related non - travel back in time?

    The only solution that are on my mind is to set the date (yet) the future date you had and then delete history...

  • How to keep the chart with different colors when adding new data

    Hi, please help me.

    I want to compare my first plot the data (trace of legend) with my following data in the graph of the plot. my program didn't work it just add new field data and color for the next data has not changed.

    What's a matter of signal conditioning? Please, click on Options, and to request the removal of moderator for the jury of LabVIEW.

  • Check the box features differently when using TAB and by clicking on a field

    Good afternoon

    I have a text field and a check box.

    When the user enters his name in the text box, the check box is enabled and can be clicked. When the user removes his name from the scope of the box must be empty and people with disabilities. When the user CLICKS any where else on the page this feature works. In other words, the user removes it becomes their name of the field, CLICKS, the empty checkbox (resets).

    However, when the user uses the TAB key to get out of the empty text box, the box IS NOT become empty but still becomes invalid.

    Does anyone know how to get around this problem? Is this a bug? Or is there a work around?

    Kind regards

    n0vice

    Hi user

    Make sure auto submit is true for your text box or not? If not, the autoSubmit to textField value and add a partial trigger to checkbox

    and how to implement this feature, through bean code or in the expression?

    Thank you

  • Is it possible to highlight the text with different colors in an outgoing message and if so how do you?

    There is really no other details. I just want to know if this is possible and if so, how it is accomplished.
    Thanx.

    This is as sophisticated as it gets. http://KB.mozillazine.org/Highlighting_in_messages

  • What is the bar attached to the read head?

    What is the bar of beige color attached to the front of the head of reading? How can I get rid of him? For the life of me I can't understand how to make it go away.Screen Shot 2012-07-24 at 3.52.28 PM.jpg

    Thank you!

    Silentbob20059 wrote:

    What is the bar of beige color attached to the front of the head of reading? How can I get rid of him? For the life of me I can't understand how to make it go away.

    Thank you!

    You can refer to the actual appearance of the playhead with medium zoom. At a normal zoom size, you would not see normally the small bar that juts forward forward the playback head. The playhead appears in this way because it shows exactly one frame at a time. At this zoom level, you can see that it is a single image quite accurately.

  • How can I remove the design of the flag behind my navigation tabs?

    Today, the Firefox home page asked if I wanted to put my country's flag in the menu bar or the toolbar (I don't know which). The change is applied, but I want to go back. I can't figure out how. The splatters of paint are totally entertaining and I can not easily read the options in the top menu. The area I'm talking about is the Firefox browser behind my navigation tabs.

    Thank you
    Jennifer

    go to tools > Add ons > appearance and disable/remove it from there

  • How to get a color of the label and the UID of that color in Indesign CC 2015?

    Hello

    I found the API to set the color of the tag XML in InDesign CC 2015 as below:

    IXMLTagCommands::SetTagColor(IDataBase* db, UID tag, UID color);
    

    But I cannot yet understand where I can get the UID of different colors. Can someone help me with the file name for the same thing?

    Also, is it possible to get the XML tag color?

    Hi kapoor_aman27,

    different colors, take a look at IUIColorUtils in the SDK.

    Markus

  • Why is Firefox now activating DO NOT the back button and not automatically showing the current web address in the bar? When did she become good conduct for a browser?

    When I installed Firefox 4, these 2 functions went. of course, I can now right click on the arrow to the left and choose a page to go back to. But most of the time I just want to go back to page 1. Why should I change my behavior just for a new version of Firefox?

    Even with the bar URL web address. Why do I now by force, click the icon to the left to display the current URL? It is used to do this automatically? How can this be a security features do NOT show the URL of the current web page?

    Please change these features in a new version of Firefox...

    You have McAfee SiteAdvisor?

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Tools > Modules > appearance/themes).

  • How can I automatically get a new tab always be a copy of the current active tab?

    The extension add-on "NewTabURL' (from"sogame") provided the option I want to and used for a number of years. But it has stopped working when Firefox has been updated to version 16.0. When I click to a new tab, all I get is a completely blank tab. How can I automatically have the new tab always be a copy of the current active tab?

    The extension "NewTabURL" can be revised to work in version 16 or 17? If not, if not, how can I get the new functionality of the tab I want? I can't find another extension that provides this feature.

    Milt Beychok

    Yes, the balls are always a problem because they do not have three buttons on the mouse and you cannot Middle-click.

    You can always try to click on the "Restore default" button in the window customize if you want to have all the toolbar buttons in the default position.

Maybe you are looking for