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 derfloh 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
Joined
Feb 4, 2006
Messages
6
Location
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