• 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!!!!


#1
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;

}
 

Corrosive

Moderator
Staff member
#3
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.