0

I'm trying to styalize my links but it isn't working. It shows the change in DW, but when I FTP the site it is default. Tried different browsers and settings, different computer to see if it was my computer not displaying, but it isn't working anywhere. I tried different styles and that didn't work either. I have other CSS code and it works fine, so I have no idea why this one isn't working. Here is my code.

<style type="text/css">

a.linkText 
{  
    color: #ff9c00;  
    font-family: arial;  
    font-size: 14px;  
    font-weight: bold;  
    text-decoration: none;  
}  

a.linkText:link 
{  
    color: #ff9c00;  
}  

a.linkText:visited 
{  
    color: #e00000;
}  

a.linkText:hover 
{  
    color: #ff0000;  
}
</style>

<body>
<div style="margin:0 auto">
<div id="menu" style="height:auto; width:auto; float:left; margin-left:55px; padding-right:20px;">
<ul>
<li><a class="linkText" href="#FunTestWebsite">ASSORTMENTS</a></li>
<li><a class="linkText" href="#FunTestWebsite">CONES</a></li>
<li><a class="linkText" href="#FunTestWebsite">FINALE RACKS</a></li>
<li><a class="linkText" href="#FunTestWebsite">FIRECRACKERS</a></li>
<li><a class="linkText" href="#FunTestWebsite">FOUNTAINS</a></li>
<li><a class="linkText" href="#FunTestWebsite">MULTI-EFFECTS</a></li>
<li><a class="linkText" href="#FunTestWebsite">1. Multi Effects</a></li>
<li><a class="linkText" href="#FunTestWebsite">2. 350-500 Grams</a></li>
<li><a class="linkText" href="#FunTestWebsite">3. Up To 500 Grams</a></li>
<li><a class="linkText" href="#FunTestWebsite">NOVELTIES</a></li>
<li><a class="linkText" href="#FunTestWebsite">RELOADABLES</a></li>
<li><a class="linkText" href="#FunTestWebsite">ROMAN CANDLES</a></li>
<li><a class="linkText" href="#FunTestWebsite">SAFE & SANE</a></li>
<li><a class="linkText" href="#FunTestWebsite">SMOKE ITEMS</a></li>
<li><a class="linkText" href="#FunTestWebsite">SPARKLERS</a></li>
<li><a class="linkText" href="#FunTestWebsite">WHEELS</a></li>
<li><a class="linkText" href="#FunTestWebsite">ZENITH SHELLS</a></li>
</ul>
</div>
</body>

Shows it working fine in Dreamweaver like I said, but when I hit F12 it is the default blue color still. Can anyone help me?

Edited by Nastadon

2
Contributors
2
Replies
3
Views
5 Years
Discussion Span
Last Post by JorgeM
0

Nevermind, I found my error and everything is working fine now. Close please!

0

Your CSS style seems fine to me. tested and working. Do you actually have the style on the same page as the HTML code? If so, your missing HTML code in the example above. For example, the <style> section belongs inside of you <head> section. here is the structure...

<html>
<head>
<title>My title</title>
  <style>
  </style>
</head>

<body>
</body>

</html>

If you are actually referencing your Style in an external stylesheet, then check how you are referecing the external CSS file. It may be correct locally, but that reference may not be correct when its located on the hosted platform.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.