Link color change (beyond page properties/links or inline html mark-up)

besides using page properties change links on page single color, there css style or html code can add sitewide (vs. inline mark-up every single link) override blue link color , keep links color specified in header , body styles?

 

thanks!

css pseudo-classes - link states

 

define set of link states (link, visted, hover, active) each id or class name required.

let's want have red links in #header , white links in #footer.

 

 

css:

 

#header {text-decoration:none}

#header a:link {color:red}     /**unvisited**/

#header a:visited {color:gray} /**visited**/

#header a:hover,               /**on mouse over**/

#header a:active,              /**on click**/

#header a:focus                /**on tab key**/

{text-decoration:underline}

 

 

#footer {text-decoration:none}

#footer a:link {color:white}

#footer a:visited {color:yellow}

#footer a:hover,

#footer a:active,

#footer a:focus

{text-decoration:underline}

 

html:

 

<div id="header">

<a href="some-link.html">link in header</a> |

<a href="some-link.html">link in header</a> |

<a href="some-link.html">link in header</a> |

</div>

 

<div  id="footer">

<a href="some-link.html">footer link</a> |

<a href="some-link.html">footer link</a> |

<a href="some-link.html">footer link</a> |

</div>

 

for more on css pseudo classes:

http://www.w3schools.com/css/css_pseudo_classes.asp

 

 

nancy o.
alt-web design & publishing
web | graphics | print | media  specialists
http://alt-web.com/
http://twitter.com/altweb

More discussions in Dreamweaver support forum

adobe