Member Avatar for Nastadon

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
  • 113 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for Nastadon

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

Member Avatar for JorgeM

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.