Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

links format

Status
Not open for further replies.

madotek

Technical User
Feb 4, 2006
6
US
I have been using CSS Selector to format links at the bottom of pages (using Dreamweaver MX). Is there a way to have some links look different within the body of the same page, still using CSS Selector?
Thank you.
 
Use class names for the links in CSS.

Code:
A.typeONE:link {text-decoration: none; color: #ff0000}
A.typeONE:visited {text-decoration: none; color: #ff0000}
A.typeONE:hover {text-decoration: none; color: #0000ff}
A.typeONE:active {text-decoration: none; color: #ff0000}

A.typeTWO:link {text-decoration: none; color: #336699}
A.typeTWO:visited {text-decoration: none; color: #336699}
A.typeTWO:hover {text-decoration: none; color: #0000ff}
A.typeTWO:active {text-decoration: none; color: #336699}

Then call the class types in the <a> tags as:
Code:
<a href="link1.cfm" class="typeONE">Click me!</a>
<a href="link1.cfm" class="typeTWO">Click me!</a>

____________________________________
Just Imagine.
 
Works beautifully. Thank you so much for responding so quickly.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top