I'm not using any programs except for the website IMVU and the standard notepad and different browsers to preview my code. For a brief explanation: I design small webpages using inline frames to sell to other users on IMVU. And in the website IMVU, I cannot change the font color of my navigation bar. I even previewed my navigation bar outside of IMVU, using a standard notepad and different browsers, and the font color still won't change. It's odd because my style sheet is working, everything changes including the background color, the background image, and so forth except for the font color. The font will not change colors, but the font-size, font-family, and even font-weight change except the color won't change and I've never seen this problem before.
I'm quite frustrated, seeing as other homepage designers on IMVU can change the font color, size, and font families. So I know it can be done, changing the color of the font; but I don't understand how or what I'm doing wrong.
body {
background-color: #EBE8E4;
font-family: Georgia, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 10px;
color: blue;
}
nav {
background-color: #8b0000;
border: 1px solid #dedede;
border-radius: 4px;
box-shadow: 0 4px 4px -1px rgba(0,0,0,0.8);
color: blue;
display: block;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 500px;
}
background-color: #EBE8E4;
font-family: Georgia, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 10px;
color: blue;
}
nav {
background-color: #8b0000;
border: 1px solid #dedede;
border-radius: 4px;
box-shadow: 0 4px 4px -1px rgba(0,0,0,0.8);
color: blue;
display: block;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 500px;
}
Above is part of my style sheet, I tried lots of solutions, such as putting [bold]font-color: #000[/bold] and [bold]font-face: #000[/bold], nothing changes. Is there a code that I'm not aware of that could help me override the color? Or am I missing something in my code?
Below is my navigation bar:
<head>
<link rel="stylesheet" href="http://filedrive.imvustylez.net/users/Confutative/nav.css" type="text/css">
<div id="navigation" style="position:absolute; width:570px; height:180px; z-index:2; left:0px; top:304px; overflow:hidden;">
<nav>
<ul>
<li><a href="http://filedrive.imvustylez.net/users/Confutative/love.htm" target="main">Home</a></li>
<li>
<a href="products.html">Products <span class="caret"></span></a>
<div>
<ul>
<li>
<a href="products.html#chair">Chair <span class="caret"></span></a>
<div>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
</li>
<li><a href="products.html#table">Table</a></li>
<li><a href="cooker.html">Cooker</a></li>
</ul>
</div>
</li>
<li><a href="about.html">About</a></li>
<li><a href="help.html">Help</a></li>
</ul>
</div>
</nav>
</head>
So I'm really lost here, and if anyone could help me it would be very appreciated. Thank you.
