Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Nav bar showing as uppercase in some browsers and lowercase in Others!!!!

Discussion in 'Website Coding & Programming Forum:' started by bsugar, Feb 14, 2013.

  1. bsugar

    bsugar Member

    Hey guys,

    Just wondering if anyone would know what is making my nav bars appear in capital letters in Chrome and Firefox but showing as lowercase letters in IE and Opera.

    I want them to appear in capital letters in Dreamweaver and this is how I want them to appear in all browsers. The code I used is below. Any tips/help would be great. As always thanking you :crazy:

    <div id="navigation">


    <div align="center">
    <a href="index.html">Home</a> | <a href="aboutus.html">About Us </a>|<a href="localgroups.html"> Local Groups
    </a>|<a href="projects.html"> Projects
    </a>|<a href="howtohelp.html"> How to Help
    </a>|<a href="contactus.html"> Contact Us
    </a>

    </div>


    }

    #navigation {
    position: absolute;
    width: 625px;
    height: 38px;
    z-index: 800;
    font-weight: bold;
    color: #fff;
    left: 290px;
    top: 28px;
    }


    #navigation ul li {

    display: inline;
    color: #FFF;
    font-size: 15px;
    z-index: 800;

    }

    #navigation a:link {
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;

    }
    #navigation a:visited {
    color: #fff;
    }
    #navigation a:hover {
    color: #66699a;
    }
    #navigation a:active {
    color: #Fff;

    }
     
  2. bsugar

    bsugar Member

    Actually, I think I have sorted this one. I'm getting better at this :nod:
     
  3. Corrosive

    Corrosive Moderator Staff Member

    Not sure what your solution was but I would have targeted the anchor tag itself rather than the pseudo class on the links. So;

    Code:
    #navigation a { 
    text-transform: uppercase;
    }
    Just in case anyone else has the same issue.
     
    Stationery Direct likes this.
  4. bsugar

    bsugar Member

    Thanks for your tip.

    I just typed out the text for the navigation bar again, but in capital letters this time. :nod:
     
  5. Corrosive

    Corrosive Moderator Staff Member

    The easiest solutions are always the best :icon_notworthy:
     

Share This Page