Skip navigation
ccBeginner
Currently Being Moderated

Can't change the text color into black

Jun 29, 2013 9:54 PM

Tags: #mac #dreamweaver #html5 #dw #dreamweavercc

The default text color is blue. I tried changing the CSS rule on text color into black but it didn't work.

 

I also tried this [ code below]: but either options below didin't work.

 

#nav

{

     color:black; [ tried also #000];

}

 

Can someone help me on how to change the default text color. How how to override that default color later on if I want some of text to be in a color that I want. I know that changing color should just simply assigning color using css but maybe dreamweaver has different way of doing it.

 

Thank you.

 
Replies
  • Currently Being Moderated
    Jun 30, 2013 12:14 AM   in reply to ccBeginner

    Being as the DIV ID is nav, I can only assume this is your navigation link area.

    Whenever you have <a href="wherever.html">Link</a> you have to change your CSS.

     

    #nav a {

        color: #000;

    }

     

    If you've got links, you MUST write the CSS for links, or they will default to blue unclicked, red hover and purple visited

     

    #nav a {

    }

     

    #nav a:hover{

    }

     

    #nav a:visited {

    }

     

    #nav a.active {

    }

     

    the last one is if you want to show visitors the page their on.

     

    Ex; <a href="wherever.html" class="active">Link</a>

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 30, 2013 11:18 AM   in reply to ccBeginner

    For best cross browser results, use the following order to style your link classes: Link, Visited, Hover, Active, Focus  (LiVHAF).

     

    a  {text-decoration:none} /**any link**/

    a:link {color:black }          /**unvisited links**/

    a:visited {color:green }   /**visited links**/

    a:hover {color:red }       /**on mouse over**/

    a:active {color:yellow}  /**on click**/

    a:focus {color:yellow } /**on focus**/

     

    Incidentally, the Active state doesn't show which page you're on. It only shows briefly when the link is clicked.

     

    To show "you are here" menu highlighting, use a persistent page indicator.

    http://alt-web.com/Articles/Persistent-Page-Indicator.shtml

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 30, 2013 11:50 AM   in reply to Nancy O.

    "active" DOES if you declare it as a class and NOT a state. .active vs :active

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 30, 2013 11:52 AM   in reply to Mike M

    Sure, but then it's not a pseudo-class that shows automatically. You have to assign the active class manually.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 30, 2013 12:05 PM   in reply to MurraySummers

    That is very very true, but then I gave instructions for how to do that.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points